[英]issue with image uploading in the front end
我需要實現圖像上傳,從而在按鈕旁邊顯示縮略圖。.我已經使用函數“ getAsDataURL”實現了它,...在chrome和safari中不起作用。...任何解決方案?
<script type="text/javascript">
function setImage(file) {
if(document.all)
document.getElementById('prevImage').src = file.value;
else
document.getElementById('prevImage').src = file.files.item(0).getAsDataURL();
if(document.getElementById('prevImage').src.length > 0)
document.getElementById('prevImage').style.display = 'block';
}
</script>
<div class="uploading_block_inner">
<div class="uploaded_img_inner"><img id="prevImage" style="display:none;" width="91" height="91" /></div>
<div class="submit_button_upload">
<div class="upload"><input type="file" id="" name="myImage" onchange="setImage(this);" /></div>
</div>
<div class="upload_submit_inner"><input type="submit" name="" value="" /></div>
</div>
假設您使用的是jQuery,我為您提供以下解決方案。
$(document).ready(function(){
$('input[type=file]').on('change', setImage);
});
function setImage(file)
{
if(document.all)
{
document.getElementById('prevImage').src = file.value;
}
else
{
document.getElementById('prevImage').src = file.files.item(0).getAsDataURL();
}
if(document.getElementById('prevImage').src.length > 0)
{
document.getElementById('prevImage').style.display = 'block';
}
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.