HTML5预览实例共享
HTML5图片预览需要两种方法
1.url
2.filereader
直接编码
复制代码代码如下所示:
HTML5图片上传预览
{ #预览
宽度:300px;
身高:300px;
溢出:隐藏;
}
# {图片预览
宽度:100%;
身高:100%;
}
功能preview1(文件){
VaR img =新的图像(),img.src URL = = url.createobjecturl(文件)
VaR img =美元美元(IMG)
img.onload =函数(){
URL.revokeObjectURL(URL)
$(#预览)。空()。追加($ IMG)
}
}
功能preview2(文件){
VaR的读者= FileReader()
reader.onload =功能(e){
img = $(var $')。Attr(src
$(#预览)。空()。追加($ IMG)
}
reader.readasdataurl(文件)
}
$(函数(){())
变量(函数(e){)
var文件= e.target文件{ 0 }。
preview1(文件)
})
})
其中url.revokeobjecturl法歌剧是不支持的,有被其他浏览器的支持,除了IE9以下。