elementui中同時上傳多個文件_element ui 上傳文件,批量一次上傳多個文件,為什么是發送了多次請求,我想一次請求,然后發送多個文件怎么實現呢?...

想要的效果是 用戶一次選擇的文件一個接口上傳完畢,但是element ui 里面是上傳了多次一次一個文件的形式上傳的

為4參數的接口調用了 多次執行的上傳,我想上傳一次 多個文件的 怎么實現呢?

因為element ui 里面的列表和我們的需求不一致 我重寫了一個列表

class="upload-demo"

ref="upload"

drag

:data="Aobject"

:on-success="handleAvatarSuccess"

:auto-upload="false"

:before-remove="beforeRemove"

:show-file-list="false"

:on-change="handleChange"

:on-remove="handleRemove"

:action="actionUrl"

multiple

:on-exceed="onExceed"

:limit="limit"

>

將文件拖到此處,或點擊上傳
  • {{item.name}}

FileList 是用戶每次選擇文件的時候我push進去數據

handleChange(res, file){ //未上傳,但是選擇了文件觸發

let Status=null;

this.TitleNameDisplay=true;

this.TitleName=res.name;

this.Arraya=file;

Status=this.wenjian(res.name);

if(res.status == "ready"){ //剛剛添加文件

this.FileList.push({

name:res.name.substring(0, res.name.lastIndexOf(".")),

status:Status,

wait:false,

Success:false

})

}

if(this.Name == null ||this.Name == undefined){

this.Name=this.FileList[0].name;

}

},

當用戶提交的時候執行了

scuuse(){

this.Zhuan=true;

const _id=this.$route.query.id;

const _this=this;

for(var i=0;i

this.FileList[i].wait =true;

}

let promise = new Promise(function(resolve, reject) {

_this.actionUrl=`/chaoyang/api/dailyInfo/createDailyInfo/${_id}`;

_this.Aobject.name=_this.Name;//提交文件時候一并傳遞過 輸入的標題文字

resolve();

});

promise.then(function() {

_this.$refs.upload.submit();

});

}

請問用element ui 怎么實現 一個接口上傳多個文件呢?

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/529740.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/529740.shtml
英文地址,請注明出處:http://en.pswp.cn/news/529740.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

測試金士頓固態硬盤軟件,金士頓固態硬盤優化工具(Kingston Toolbox)

金士頓固態硬盤優化工具KingstonToolbox是金士頓官方出品的SSD優化工具,通過軟件能夠對金士頓的固態硬盤進行優化設置,同時軟件還支持對硬盤進行固件升級,有需要的可以下載使用。金士頓固態硬盤優化工具(Kingston Toolbox)是金士頓官方出品的…

rapidjson 嵌套json_[整理][RapidJson用法2]C++之RapidJson創建嵌套數組json | 勤奮的小青蛙...

上篇博文里我通過RapidJson解析了嵌套的json文本,那么本文章是RapidJson創建嵌套數組Json文本。代碼:#include "rapidjson/document.h"#include "rapidjson/writer.h"#include "rapidjson/stringbuffer.h"#include using …

絕地求生測試服畫面優化軟件,絕地求生正式服設置詳解 教你調校最完美的畫質...

在絕地求生新版本正式上線之后,藍洞對于絕地求生的兩張地圖都做了比較大的優化,令低配玩家的游戲幀數都有了比較大的提升,而此前普遍反映的掉幀問題也得到了不小的改善。不過,由于游戲自身的原因(場景較大,玩家較多&am…

python自動備份數據庫_Python Mysql自動備份腳本

測試系統環境 Windows 2003 python 2.5.1 mysql 5.0.1應該只適用于Win,因為調用了CMD。增量備份,因為自用,數據庫不大。回頭有了需求加上自檢測,5天前的自動刪除。#!/usr/bin/env python#encodingutf-8#Mysql auto backup#Aut…

小學計算機畫線反思,小學《我們身邊的線條》教學反思

小學《我們身邊的線條》教學反思《我們身邊的線條》教學反思線條課從第一冊開始,一直貫穿整個小學美術課程,由簡到繁,由易到難。《我們身邊的線條》一課,就是要引導學生發現生活中到處都有的線條。線條是繪畫造型的基本元素&#…

.net 實時通信_【WebSocket】實時多人答題對戰游戲

本文公眾號來源:后端技術漫談 作者:蠻三刀把刀前言前兩章教程,我們使用WebSocket的基礎特性打造了一個小小聊天室,并在第二章對其進行了集群化改造。系列教程回顧:手把手搭建WebSocket多人在線聊天室【多人聊天室】Web…

磊科路由虛擬服務器設置,磊科路由器虛擬轉發服務設置的方法

磊科路由器虛擬轉發服務設置的方法磊科路由的虛擬 MAC 地址的分配功能實現了不同主機將流量發送給備份組中不同的路由器,但為了使備份組中的路由器能夠轉發主機發送的流量,還需要在路由器上創建虛擬轉發器,每個虛擬轉發器都對應備份組的一個虛…

css動畫執行保持forwards,css3動畫如何在動作結束時保持該狀態不變

animation-fill-mode : none | forwards | backwards | both;none:不改變默認行為。forwards :當動畫完成后,保持最后一個屬性值(在最后一個關鍵幀中定義)。backwards:在 animation-delay 所指定的一段時間內,在動畫顯…

anylogic中如何構建復雜網絡_如何對復雜網絡建模所需要的數據進行預處理

上一篇文章介紹了如何構建Space L實體網絡的模型,這一篇是對上一篇文章的一個補充優化。以下部分摘自上一篇文章:邢八寶:如何建立復雜網絡實體網絡的Space L模型??zhuanlan.zhihu.com地鐵網絡,一般都有三四百個節點&a…

ajax需要引用什么js文件嗎,如何在ajax調用中包含js文件?

嘿,我找到了添加它的方法.... :)注意 - 這是一個同步過程,所以你不必擔心腳本是否加載....腳本將始終加載實例你調用該函數,你可以立即開始使用加載的腳本..讓我們使用這兩個功能1)第一個是用于檢索值的ajax函數async應為true以同步發送請求/…

門戶網站服務器遷移,云服務器怎么遷移網站

1、尋找新的服務器產品在原云服務器暫時不關閉的前提下, 尋找新的服務器。尋找到新的服務器空間之后,將原主機空間的網站進行備份,并下載備份數據。2、配置新服務器環境一般找到新服務器空間之后,需要根據原網站程序對新服務器進行…

c從oracle到mysql移植_數據庫從oracle移植到mysql時需要進行的修改

分頁方式不同,oracle使用rownum,mysql使用limit使用hibernate的QBC不用修改,但hql和sql都應該用統一方法修改mysql子查詢必須帶別名select * from (select * from city where city_id 1) t 別名(此處是t)必須加存在差異的函數a)日期轉字符串…

nodejs mysql access denied_Node使用Sequlize連接Mysql報錯:Access denied for user ‘xxx’@‘localhost’...

前言最近在工作中遇到問題,問題如下:Unhandled rejection SequelizeAccessDeniedError: Access denied for user lupenglocalhost (using password: YES)這是Node在使用Sequlize連接Mysql數據時報的錯,關鍵看冒號后面的錯誤:訪問拒…

消息存儲服務器嗎,消息服務器 消息存儲

消息服務器 消息存儲 內容精選換一換華為云分布式消息服務幫助中心,為用戶提供產品介紹、用戶指南、API參考、最佳實踐、常見問題、視頻幫助等技術文檔,幫助您快速上手使用分布式消息服務。消息服務器 消息存儲 相關內容聯邦學習部署服務的FL-Client接口…

mysql 跨實例復制數據_社區投稿 | MySQL 跨實例 copy 大表解決方案

作者簡介任坤,現居珠海,先后擔任專職 Oracle 和 MySQL DBA,現在主要負責 MySQL、mongoDB 和 Redis 維護工作。一、背景某天晚上 20:00 左右開發人員找到我,要求把 pre-prod 環境上的某張表導入到 prod ,第二天早上 07:…

ajax跨域只能是get,jsonp跨域請求只能get變相解決方案

1.java設置返回表頭:response.setHeader("Access-Control-Allow-Origin","*");response.setHeader("Access-Control-Allow-Methods","POST");response.setHeader("Access-Control-Max-Age","1000");2.…

云服務器虛擬主機區別,云服務器和虛擬主機的區別

云空間服務是云計算服務的重要組成部分,是面向各類互聯網用戶提供綜合業務能力的服務平臺。平臺整合了傳統意義上的互聯網應用三大核心要素:計算、存儲、網絡,面向用戶提供公用化的互聯網基礎設施服務。采用操作系統虛擬化技術,虛擬化效率高,虛擬化License費用低,能共享操作系統…

php連接mysql并操作系統_PHP 連接并操作MySQL的一個實例

/*** MyClass 抽象類,用于執行查詢語句**/class MyClass{const HOST 192.168.73.110:3306;const USER root;const PASSWORD root;const DB kmdbcenter;static $Instance false;private $QueryResult False;private final function __construct(){if(!mysql_connect(MyCla…

服務器上次文件命令,服務器上次文件命令

服務器上次文件命令 內容精選換一換當創建文件系統后,您需要使用云服務器來掛載該文件系統,以實現多個云服務器共享使用文件系統的目的。CIFS類型的文件系統不支持使用Linux操作系統的云服務器進行掛載。同一SFS容量型文件系統不能同時支持NFS協議和CIFS…

win7裝mysql一直未響應6_win7重裝mysql最后一步無響應解決方法

重新安裝MySQL出示未響應,一般顯示在安裝MySQL程序最后一步的2,3項就不動了。這種情況一般是你以前安裝過MySQL數據庫服務項被占用了。解決方法:一種方法:你可以安裝MySQL的時候在這一步時它默認的服務名是“MySQL” 只需要把這個…