點擊按鈕實現(xiàn)文件上傳及控制文件上傳類型

lixiang 發(fā)布于2019-08-26 10:15 / 884人閱讀

摘要：原生實現(xiàn)文件上傳部分上傳文件部分代替執(zhí)行上傳功能上傳文件接口地址實現(xiàn)文件上傳上傳上傳文件接口地址上傳文件類型設(shè)置

1.原生js實現(xiàn)文件上傳

html部分:

js部分：

upload(event) {   //代替執(zhí)行上傳功能
  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實現(xiàn)文件上傳


  上傳
  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"  //上傳文件類型設(shè)置
        }).then(data => {
          console.log(data);
          }
        });
      },
    }
  }

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/105847.html

相關(guān)文章

【云主機(jī) UHost】操作指南：[鏡像]鏡像上傳及復(fù)制鏡像

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

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

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

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

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

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

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

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