画像フィールドを必要にする

Question

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> 

Answer 1

これをjavascriptで修正しました。私は、第1の入力に必要な属性を追加し、画像を追加した意味作物私のボタン、上で、私はこのように、onclickのアクションの後に、必要な属性を削除します。あなたのおかげで答える

<div id="cropme" style="display:none;"><a class="button-small crop-me" onclick="document.getElementById('meimg').required = false;"> 

Answer 2

あなたはときに、第2を表示し、いずれかのこのような場合、または真と何を表示するかを決定するブール変数を定義するif文でそれを制御するときに最初の入力フィールドを表示する条件をしなければならないと偽の場合

if(!isset($_POST["files"])){ 
    ?> 
     <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> 
    <?php 
    else { 
    ?> 
     <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> 

    <?php 
    } 
    ?>