欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

簡(jiǎn)單實(shí)現(xiàn)js上傳文件功能

 更新時(shí)間：2017年08月21日 17:29:23   作者：靜樂(lè)想  
這篇文章主要教大家如何簡(jiǎn)單實(shí)現(xiàn)js上傳文件功能，代碼簡(jiǎn)單，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下

本文實(shí)例為大家分享了js實(shí)現(xiàn)上傳文件功能的具體代碼，供大家參考，具體內(nèi)容如下

一、用input完成上傳，效果圖如       

選擇文件后，提交后出現(xiàn)圖片url

二、傳輸格式采用form-data形式。

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); 
   } 
 
  }) 
 
 }

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

相關(guān)文章

最新評(píng)論