要進行文件的上傳晚伙,需要對form表單進行特殊設置;
1.設定表單數(shù)據(jù)的提交方式為POST
2.設定enctype屬性值為:multipart/form-data
<form action="php地址" method="post" enctype="multipart/form-data">
<input type="file" name="fs" id="doc"> //file必須
<input type="submit">
</form>
//打印上傳圖片信息
<div id="info"> </div>
//打印圖片
<img src="" id="dis">
js:
var doc = document.getElementById('doc');
var info = document.getElementById('info');
var dis = document.getElementById('dis');
doc.onchange = function(){
var file = this.files[0];
var html = "name:"+file.name+"<br>";
html += "size:"+file.size+"<br>";
html += "type:"+file.type;
info.innerHTML = html;
//URL.createObjectURL()方法會根據(jù)傳入的參數(shù)創(chuàng)建一個指向該參數(shù)對象的URL.
var url = URL.createObjectURL(file);
dis.src = url;
}