2017-07-31 184 views
0

我正在嘗試在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> 

回答

0

我使用javascript解決了此問題。我添加了必需的屬性到第一輸入,以及對作物Me按鈕,這意味着已經增加了一個形象,我的onclick行動後取出所需的屬性,比如:爲你解答

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

你必須做一個條件時顯示第一個輸入字段,當顯示第二與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 
    } 
    ?> 
+0

謝謝,但我嘗試了一些工作 –