點擊按鈕實現文件上傳及控制文件上傳類型

lixiang 發布于2019-08-26 10:15 / 891人閱讀

摘要：原生實現文件上傳部分上傳文件部分代替執行上傳功能上傳文件接口地址實現文件上傳上傳上傳文件接口地址上傳文件類型設置

1.原生js實現文件上傳

html部分:

js部分：

upload(event) {   //代替執行上傳功能
  let it = event.target;
  $(it).next().click();
},
UploadFile() {    //上傳文件
  let msg = new FormData();
  msg.append("file", $("#uploadBillsInp")[0].files[0]);
  msg.append("enctype", "multipart/form-data");
  this.$post("接口地址",msg, {
headers: {"Content-Type": "multipart/form-data"},
fileType: "text"
}).then(data => {
  console.log(data)
 });},

2.elementUI實現文件上傳


  上傳
  export default{
    data(){
      return{
        fileList: [],
      }
    },
    methods:{
      UploadFile(content) {//上傳文件
        let msg = new FormData();
        msg.append("file", content.file);
        msg.append("enctype", "multipart/form-data");
        this.$post("接口地址", msg, {
          headers: {"Content-Type": "multipart/form-data"},
          fileType: "text"  //上傳文件類型設置
        }).then(data => {
          console.log(data);
          }
        });
      },
    }
  }

GPU云服務器云服務器 php實現上傳文件 ajax實現文件上傳 js實現文件上傳到阿里云服務器斷點視頻上傳文件上傳

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/105847.html

【云主機 UHost】操作指南：[鏡像]鏡像上傳及復制鏡像

摘要：云主機鏡像上傳操作步驟將鏡像上傳至。請選擇控制臺云主機鏡像，點擊鏡像上傳輸入鏡像相關信息。在控制臺，通過云主機登錄功能進入虛機內部。點擊復制鏡像按鈕選擇需要復制到的項目和地域目前北京一地域不支持復制鏡像功能。云主機UHost鏡像上傳操作步驟1、將鏡像上傳至US3。因鏡像容量通常較大，需要使用客戶端或SDK上傳。查看說明注意，請將鏡像添加至公開存儲空間。2、請選擇控制臺 -> 云主機 -> ...

Tecode 2022-06-28 18:59 評論0 收藏0
解決最后一公里-PTS鉑金版發布數據工廠

摘要：壓測是目前鏈路的一個升級，主要是結合了數據工廠的能力，同時名稱上也更便于理解。那么，有了數據工廠之后的一次壓測的配置過程是怎樣的，下面進行下簡要介紹。摘要： PTS（Performance Testing Service）是web化、卓越的SaaS性能測試平臺，具備強大的分布式壓測能力，可模擬海量用戶的真實業務場景。PTS鉑金版的壓力發起來源是遍布全國上百個城市和各運營商的CDN節點...

Dongjie_Liu 2019-05-29 17:05 評論0 收藏0
[未完待續] 上傳文件這件事，蛋疼何止一點點！

摘要：在做時，不可避免地要上傳一些文件，最常用到的就是圖片。提供電子郵件服務的站點，除了圖片還需要上傳文檔等其他類型文件的功能。當點擊所看到的按鈕時，實際點擊的是原生上傳控件，這樣一來就觸發了瀏覽器默認行為，即打開選擇文件對話框。在做 Web App 時，不可避免地要上傳一些文件，最常用到的就是圖片。在線相冊及圖片收藏網站等以提供圖片存儲服務的站點自不用說，社交網絡的頭像、發布信息等都需要...

tinyq 2019-08-22 10:57 評論0 收藏0
JavaScript精編干貨

摘要：老姚淺談怎么學鑒于時不時，有同學私信問我老姚，下同怎么學前端的問題。擼碼聽歌，全局控制。淺析用 js 解析 xml 的方法由于項目上需要解析 xml，于是各種百度，然后自己總結了下各個主流瀏覽器解析 xml 的方法，只能是很淺顯的知道他的用法，但是還沒有深層次的研究。裝 X - 建立自己的斗圖網站庫之前加過一個斗圖群，看到很多經典的表情，然后就收藏到了 QQ，迫于本屌絲開不起...

Fourierr 2019-08-21 18:46 評論0 收藏0