js上傳文件

js上傳文件是怎樣的呢？下面就讓我們一起來了解一下吧：

在js中實現(xiàn)上傳文件功能一般是可以運用input完成上傳，在上傳時需要選擇文件，選擇文件之后，提交后就會出現(xiàn)圖片url，當(dāng)然需要注意的是，其傳輸格式大部分是采用form-data形式上傳的。

參考范例：

在js中實現(xiàn)上傳文件可使用的代碼，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("網(wǎng)絡(luò)連接失敗,稍后重試",err); 

   } 

  }) 

 }

以上就是小編的分享了，希望能夠幫助到大家。

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com