-3
我希望在圖像保持器中可見默認圖像,直到用戶沒有上傳任何圖像爲止。因此,當打印出頁面時,演示用戶圖像是可見。如何做到這一點?顯示默認圖像,直到圖像上傳到圖像保持器
//Html Part
<div class="form-group uploader"> <label class="coole">Upload Child's Image:</label>
<input name="fileToUpload" type="file" id="fileToUpload" /><br />
<div name="image-holder" id="image-holder"> </div>
//Js Part
<script>
$("#fileToUpload").on('change', function() {
if (typeof (FileReader) != "undefined") {
var image_holder = $("#image-holder");
image_holder.empty();
var reader = new FileReader();
reader.onload = function (e) {
$("<img />", {
"src": e.target.result,
"class": "thumb-image",
"width":"113px",
"height":"151px"
}).appendTo(image_holder);
}
image_holder.show();
reader.readAsDataURL($(this)[0].files[0]);
} else {
alert("This browser does not support FileReader.");
}
});
</script>
@abhishek辛格如果答案爲你工作,請投我的迴應 – Austin