首页 > 代码库 > js获取上传文件信息并及时查看
js获取上传文件信息并及时查看
<form id="picForm" name="picForm" method="post" enctype="multipart/form-data">
<input type="file" id="photosfile" name="files" />
<button class="btn">请选择上传图片</button>
</form>
<script type="text/javascript">
document.all.photosfile[‘files‘];
</script>
console.log(document.all.photosfile[‘files‘][0]);
//及时查看图片效果
html:
<div id="show_img"><img src="http://www.mamicode.com/__IMAGES__/head_img/user.png"></div>
<input id="file_upload" name="file_upload" type="file" multiple="true">
js:
$("#file_upload").on("change",function(){
var fileTag = document.getElementById("file_upload").files[0];
if (fileTag) {
var reader = new FileReader();
reader.readAsDataURL(fileTag);
$("#show_img").find("img").remove();
reader.onload = function (e) {
var urlData = http://www.mamicode.com/this.result;
document.getElementById("show_img").innerHTML += "<img src=http://www.mamicode.com/‘" + urlData + "‘ alt=‘" + fileTag.name + "‘/>";
};
}else{
return;
}
return false;
})
js获取上传文件信息并及时查看
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。