input文件對象，選中后顯示圖片

<div class="headerdiv"><label for="male"><img id="himg" src="img/vipcard.png"/></label><input type="file" hidden="hidden" accept="image/jpg,image/png,image/gif, image/jpeg" name="male" id="male" value="" /></div> .headerdiv{width: 100%;height: 100%;padding: 11px;text-align: center;}.headerdiv>label{width: 100%;height: 100%;}.headerdiv>label>img{width: 80%;height: auto;border-radius: 7px;} //監(jiān)聽文件改變 設(shè)置圖片$("input[name=male]").bind("change",function(){console.log(this.files[0]);$("#himg").attr("src",URL.createObjectURL($(this)[0].files[0]));})

只要簡單的幾行代碼，就可以將圖片顯示

?

?

如果感興趣，也可以關(guān)注我的微信公眾號，因為剛起步，所以只有幾篇文章，之后會慢慢更新。

?

總結(jié)

以上是生活随笔為你收集整理的jq显示图片的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。