亚洲激情专区-91九色丨porny丨老师-久久久久久久女国产乱让韩-国产精品午夜小视频观看

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

如何實現js上傳文件功能

發布時間:2021-07-09 15:13:25 來源:億速云 閱讀:151 作者:小新 欄目:web開發

這篇文章給大家分享的是有關如何實現js上傳文件功能的內容。小編覺得挺實用的,因此分享給大家做個參考,一起跟隨小編過來看看吧。

具體內容如下

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

如何實現js上傳文件功能

選擇文件后,提交后出現圖片url

如何實現js上傳文件功能

二、傳輸格式采用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("網絡連接失敗,稍后重試",err); 
   } 
 
  }) 
 
 }

感謝各位的閱讀!關于“如何實現js上傳文件功能”這篇文章就分享到這里了,希望以上內容可以對大家有一定的幫助,讓大家可以學到更多知識,如果覺得文章不錯,可以把它分享出去讓更多的人看到吧!

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

js
AI

萨嘎县| 屏东市| 安仁县| 岳西县| 博罗县| 莆田市| 介休市| 大关县| 新泰市| 清原| 万山特区| 郯城县| 漠河县| 建阳市| 沧州市| 余姚市| 石屏县| 三河市| 海门市| 永仁县| 普安县| 墨玉县| 台南市| 新巴尔虎右旗| 邵阳市| 黔东| 曲靖市| 博野县| 股票| 志丹县| 工布江达县| 沾益县| 射阳县| 杭锦后旗| 沙湾县| 通许县| 阿荣旗| 惠东县| 五莲县| 津市市| 富宁县|