html js 上傳圖片并回顯

發(fā)布時間：2018-08-03 14:27,

瀏覽次數(shù)：808

, 標(biāo)簽：

html

js

function changImg(e){

for (var i = 0; i < e.target.files.length; i++) {

var file = e.target.files.item(i);

//驗(yàn)證是否為圖片，不是就跳出循環(huán)

if (!(/^image\/.*$/i.test(file.type))) {

alert("不是圖片！")

continue;

}

//實(shí)例化FileReader API

var freader = new FileReader();

freader.readAsDataURL(file);

freader.onload = function(e) {

$("#image").attr("src",e.target.result);? //顯示圖片

}

}

}

使用方式:

οnchange="changImg(event)" >

? ? ? ? ?

總結(jié)

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

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