我正在嘗試在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>
謝謝,但我嘗試了一些工作 –