input的属性type=file上传图片获取图片的路径
作者:
前端阿峰 | 来源:发表于
2020-07-29 10:50 被阅读0次html代码
<input class="upload" name='image' type="file" accept="image/*" multiple />
js代码
<script>
$(".upload").change(function(){
var file = this.files[0];
if (window.FileReader) {
var reader = new FileReader();
if(file){
reader.readAsDataURL(file);
//监听文件读取结束后事件
reader.onloadend = function (e) {
$(".upload").css('background',"url("+e.target.result+")");
//e.target.result就是最后的路径地址
}
};
}
});
</script>
本文标题：input的属性type=file上传图片获取图片的路径
本文链接：https://www.haomeiwen.com/subject/thhhrktx.html
网友评论