首页 \ 问答 \ 制作所需的图像字段(Make an image field required)

制作所需的图像字段(Make an image field required)

 我正在尝试在wordpress中进行图片上传所需的输入。 这个想法是上传一个图像，然后裁剪，然后保存。 但是，由于输入标签会发生变化（您可以看到2个输入，一个是上传之前，另一个是之后），它们变成了“隐藏”的样式，这使得代码不可聚焦并引发错误。  
  <fieldset <?php if ($current_user->roles[0] == "contributor") {
                        # code...
                        echo "disabled";
                      } ?>>



                      <label for="postImage"><?php esc_html_e('ID Picture *:', ''); ?></label>

                        <?php esc_html_e('Image needs to be at least 250x250px', '');?>

                        <?php $baseurl = get_template_directory_uri().'/include/'; ?>

                         <div id="flash"></div>
                          <div id="ajaxresult">


                          </div>
                          <div id="files">
                          <?php
                          $photo_user = get_user_meta(get_current_user_id(), 'id_pic', true);?>
                          <?php
                          if (isset($photo_user)) {
                             echo "<img src='".esc_url($photo_user)."' id='uploadedimage' style='width:100%'>";
                          }  ?>
                         </div>
                        <span id="me" class="styleall button-small fileinput-button" style=" cursor:pointer;" >

                            <?php if(isset($photo_user)) {
                          esc_html_e('Click Here To Upload New Photo', '');
                        } else {
                          esc_html_e('Click Here To Upload Photo', '');
                        }
                        ?><input id="meimg" type="file" name="files[]" >

                        </span>


                        <div id="load"></div><span id="mestatus" ></span>


                        <div id="status"></div>
                        <div id="cropme" style="display:none;"><a class="button-small crop-me"><?php esc_html_e('CROP IMAGE', ''); ?></a></div>

                        <div id="cancelme0" style="display:none;"><a class="button-small"><?php esc_html_e('cancel', ''); ?></a></div>


                        <div id="cancelme" style="display:none;"><a class="button-small"><?php esc_html_e('cancel', 'fundingpress'); ?></a></div>
                                <br>
                             <input type="hidden" name="postImage" id="postImage" value="" />

                            </fieldset>

I am trying to make an input required for an image upload in wordpress. The idea is to upload an image, then crop it, and save. However, since the input tags change (you can see 2 inputs, one before uploading and one after), they become style "hidden", which makes the code not focusable and throws an error. 
  <fieldset <?php if ($current_user->roles[0] == "contributor") {
                        # code...
                        echo "disabled";
                      } ?>>



                      <label for="postImage"><?php esc_html_e('ID Picture *:', ''); ?></label>

                        <?php esc_html_e('Image needs to be at least 250x250px', '');?>

                        <?php $baseurl = get_template_directory_uri().'/include/'; ?>

                         <div id="flash"></div>
                          <div id="ajaxresult">


                          </div>
                          <div id="files">
                          <?php
                          $photo_user = get_user_meta(get_current_user_id(), 'id_pic', true);?>
                          <?php
                          if (isset($photo_user)) {
                             echo "<img src='".esc_url($photo_user)."' id='uploadedimage' style='width:100%'>";
                          }  ?>
                         </div>
                        <span id="me" class="styleall button-small fileinput-button" style=" cursor:pointer;" >

                            <?php if(isset($photo_user)) {
                          esc_html_e('Click Here To Upload New Photo', '');
                        } else {
                          esc_html_e('Click Here To Upload Photo', '');
                        }
                        ?><input id="meimg" type="file" name="files[]" >

                        </span>


                        <div id="load"></div><span id="mestatus" ></span>


                        <div id="status"></div>
                        <div id="cropme" style="display:none;"><a class="button-small crop-me"><?php esc_html_e('CROP IMAGE', ''); ?></a></div>

                        <div id="cancelme0" style="display:none;"><a class="button-small"><?php esc_html_e('cancel', ''); ?></a></div>


                        <div id="cancelme" style="display:none;"><a class="button-small"><?php esc_html_e('cancel', 'fundingpress'); ?></a></div>
                                <br>
                             <input type="hidden" name="postImage" id="postImage" value="" />

                            </fieldset>

原文：https://stackoverflow.com/questions/45423494

更新时间：2023-06-02 15:06

最满意答案

 “lug The”一词来自报纸生产的世界。  
 在生产过程中，这是一个非正式的名称。 由于这个故事从节拍记者那里走过（假设这些甚至还存在 ），通过编辑到“印刷机”，这就是它所引用的名字，例如“你在”凯特威廉的故事？  
 一些系统（如Django）使用slug作为URL的一部分来定位故事，一个例子是www.mysite.com/archives/kate-and-william 。  
 它甚至可能早于之前，因为剧本在每个场景开始时都有“lug lug线”，这基本上设置了那个场景的背景（在哪里，何时，等等）。 这是非常相似的，因为它是以下的准则或前言。  
 在Linotype机器上，一个s子是一个单一的金属片，它是从单独的信件形成的。 通过为整行制作一个单一的插件，这在旧的逐字符合成中大大改善。  
 虽然以下是猜想，但是lug an的早期意思是伪造的硬币（必须按某种方式按压）。 我可以设想将这种使用转变为印刷术语（因为必须使用原始字符压制s子），并从那里改变从“金属”定义到“故事摘要”的定义。 从那里，这是从正确的打印到在线世界的一小步。 

The term 'slug' comes from the world of newspaper production. 
It's an informal name given to a story during the production process. As the story winds its path from the beat reporter (assuming these even exist any more?) through to editor through to the "printing presses", this is the name it is referenced by, e.g., "Have you fixed those errors in the 'kate-and-william' story?". 
Some systems (such as Django) use the slug as part of the URL to locate the story, an example being www.mysite.com/archives/kate-and-william. Even Stack Overflow does this, with the GEB-ish self-referential https://stackoverflow.com/questions/4230846/what-is-the-etymology-of-slug/4230937#4230937, although you can replace the slug with blahblah and it will still find it okay. 
It may even date back earlier than that, since screenplays had "slug lines" at the start of each scene, which basically sets the background for that scene (where, when, and so on). It's very similar in that it's a precis or preamble of what follows. 
On a Linotype machine, a slug was a single line piece of metal which was created from the individual letter forms. By making a single slug for the whole line, this greatly improved on the old character-by-character compositing. 
Although the following is pure conjecture, an early meaning of slug was for a counterfeit coin (which would have to be pressed somehow). I could envisage that usage being transformed to the printing term (since the slug had to be pressed using the original characters) and from there, changing from the 'piece of metal' definition to the 'story summary' definition. From there, it's a short step from proper printing to the online world.

制作所需的图像字段(Make an image field required)

最满意答案

相关问答

规范链接和301重定向如果URL不匹配slug(Canonical links and 301 Redirect if URL doesn't match slug)[2023-01-17]

为什么有些网站在URL的末尾添加“lug？”？(Why do some websites add “Slugs” to the end of URLs? [closed])[2022-03-21]

Django中Slug字段的优势或好处是什么？(What's the advantage or benefit of Slug field in Django?)[2019-11-08]

“lug lug”的词源是什么？(What is the etymology of 'slug'? [closed])[2022-05-04]

Django中的“s What”是什么？(What is a “slug” in Django?)[2022-10-18]

我如何为每个slu pa分页？(How do I paginate for every slug?)[2022-04-10]

什么是C ++中push_back的词源？(What's the etymology of push_back in C++?)[2023-05-30]

在Django中生成独特的slug(Generating unique slug in Django)[2022-08-23]

在Rails中使用slug是什么？(What does slug used for in Rails?)[2022-02-12]

通过slug或标签搜索数组 - javascript(Search an array by slug or tags - javascript)[2021-08-30]

相关文章

最新问答