js上載文件是怎樣的呢?下面就讓我們一起來了解一下吧:
在js中實現上載文件功能一般是可以運用input完成上載,在上載時需要選擇文件,選擇文件之後,提交後就會出現圖片url,當然需要注意的是,其傳輸格式大部分是採用form-data形式上載的。
參考範例:
在js中實現上載文件可使用的代碼,html部分的代碼為:
<form id="upload" enctype="multipart/form-data" method="post">
<input type="file" name="file" id="pic"/>
<input type="button" value="提交" onclick="uploadPic();"/>
<span class="showUrl"></span>
<img src="" class="showPic" alt="">
</form>
js部分的代碼為:
function uploadPic() {
var form = document.getElementById('upload'),
formData = new FormData(form);
$.ajax({
url:"https://sscpre.boe.com/v1/medical-console/medical/file/upload",
type:"post",
data:formData,
processData:false,
contentType:false,
success:function(res){
if(res){
alert("上載成功!");
}
console.log(res);
$("#pic").val("");
$(".showUrl").html(res);
$(".showPic").attr("src",res);
},
error:function(err){
alert("網絡連接失敗,稍後重試",err);
}
})
}