使用element UI 的el-upload上傳圖片并攜帶參數的用法

直接看代碼:前端實現

<div class="upload"><el-uploadclass="upload-demo"name="upload_name":data="{'user_name':user_name}"action="http://localhost:8000/api/deal_pest_Image":show-file-list="false":on-success="handleSucess"><el-button size="small" type="primary">點擊上傳</el-button></el-upload>
</div>

注意data必須是object類型即鍵值對類型

處理成功的回調

handleSucess(response, file, fileList){console.log('response', response)if(response.code === 200){this.$message({message: '上傳并處理成功',type: 'success'});this.init()}else {this.$message.error('出錯了,請稍后重試');}
},

按下點擊上傳按鈕,選擇圖片后即可向action=http://localhost:8000/api/deal_pest_Image這個地址上傳如下圖:

在這里插入圖片描述

可以看出瀏覽器發送的是post請求,請求參數如下:

在這里插入圖片描述

所以后端用post方式接收即可,Python的案例:

在這里插入圖片描述

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

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

相關文章

vb+sql汽車配件管理系統設計與實現

摘 要 目前汽車配件銷售企業大多數在其連鎖店的管理還是手工進行,隨著汽車配件行業的迅速發展,手工管理的種種弊端暴露無疑,給銷售企業的發展帶來了不必要的麻煩。為了規范企業內部管理,提高企業業務管理水平,更好的為客戶服務,應采用計算機來管理汽車配件的進銷存業務。…

【Sklearn】基于樸素貝葉斯算法的數據分類預測(Excel可直接替換數據)

【Sklearn】基于樸素貝葉斯算法的數據分類預測(Excel可直接替換數據) 1.模型原理2.模型參數3.文件結構4.Excel數據5.下載地址6.完整代碼7.運行結果1.模型原理 模型原理: 樸素貝葉斯分類是基于貝葉斯定理的一種分類方法。它假設特征之間相互獨立(樸素性),從而簡化計算過…

01|Java中常見錯誤或不清楚

補充&#xff1a;length vs length() vs size() 1 java中的length屬性是針對數組說的,比如說你聲明了一個數組,想知道這個數組的長度則用到了length這個屬性. 2 java中的length()方法是針對字符串String說的,如果想看這個字符串的長度則用到length()這個方法. 3.java中的siz…

【Vue-Router】命名視圖

命名視圖 同時 (同級) 展示多個視圖&#xff0c;而不是嵌套展示&#xff0c;例如創建一個布局&#xff0c;有 sidebar (側導航) 和 main (主內容) 兩個視圖&#xff0c;這個時候命名視圖就派上用場了。 可以在界面中擁有多個單獨命名的視圖&#xff0c;而不是只有一個單獨的出…

Python獲取、修改主機名稱和IP地址實踐

Python獲取、修改主機名稱和IP地址的方法有多種&#xff0c;內置socket模塊、執行系統命令、第三方模塊等等&#xff0c;本文只是完成功能的一次成功的實踐。 1. 獲取、修改主機名稱 本案例使用python的socket模塊獲取、修改主機名稱&#xff0c;socket模塊是一個用于實現網絡…

UML-A 卷-知識考卷

UML-A 卷-知識考卷 UML有多少種圖&#xff0c;請列出每種圖的名字&#xff1a; 常用的幾種UML圖&#xff1a; 類圖&#xff08;Class Diagram&#xff09;&#xff1a;類圖是描述類、接口、關聯關系和繼承關系的圖形化表示。它展示了系統中各個類之間的靜態結構和關系。時序…

TFRecords詳解

內容目錄 TFRecords 是什么序列化(Serialization)tf.data 圖像序列化&#xff08;Serializing Images)tf.Example函數封裝 小結 TFRecords 是什么 TPU擁有八個核心&#xff0c;充當八個獨立的工作單元。我們可以通過將數據集分成多個文件或分片&#xff08;shards&#xff09;…

2023年7月京東洗衣機行業品牌銷售排行榜(京東數據分析軟件)

2023年上半年&#xff0c;洗衣機市場表現平淡&#xff0c;同環比來看出貨量都有一定程度的下滑。7月份&#xff0c;洗衣機市場仍未改變這一下滑態勢。 根據鯨參謀電商數據分析平臺的相關數據顯示&#xff0c;7月份&#xff0c;京東平臺洗衣機的銷量為109萬&#xff0c;環比下降…

web圖書管理系統Servlet+JSP+javabean+MySQL圖書商城圖書館 源代碼

本項目為前幾天收費幫學妹做的一個項目&#xff0c;Java EE JSP項目&#xff0c;在工作環境中基本使用不到&#xff0c;但是很多學校把這個當作編程入門的項目來做&#xff0c;故分享出本項目供初學者參考。 一、項目描述 web圖書管理系統ServletJSPjavabeanMySQL 系統有1權限…

Golang 程序性能優化利器 PGO 詳解(二):收集樣本數據和編譯

在軟件開發過程中&#xff0c;性能優化是不可或缺的一部分。無論是在Web服務、數據處理系統還是實時通信中&#xff0c;良好的性能都是至關重要的。Golang 從1.20版版本開始引入的 Profile Guided Optimization&#xff08;PGO&#xff09;機制能夠幫助更好地優化 Go 程序的性能…

【Centos】系統信息

CPU相關 # 如何查看linux系統和CPU型號&#xff0c;類型和大小 cat /proc/cpuinfo# 總核數 物理CPU個數 X 每顆物理CPU的核數 # 總邏輯CPU數 物理CPU個數 X 每顆物理CPU的核數 X 超線程數# 查看物理CPU個數 cat /proc/cpuinfo| grep "physical id"| sort| uniq| …

ChatGPT能代替搜索引擎嗎?ChatGPT和搜索引擎有什么區別?

ChatGPT和搜索引擎是兩種在信息獲取和交流中常用的工具&#xff0c;ChatGPT是一種基于人工智能技術的聊天機器人&#xff0c;而搜索引擎是一種在互聯網上搜索信息的工具。盡管它們都是依托互聯網與信息獲取和交流有關&#xff0c;部分功能重合&#xff0c;但在很多方面存在著明…

2023年7月京東美妝護膚品小樣行業數據分析(京東數據挖掘)

如今&#xff0c;消費者更加謹慎&#xff0c;消費決策也更加理性。在這一消費環境下&#xff0c;美妝護膚市場中&#xff0c;面對動輒幾百上千的化妝品&#xff0c;小樣或體驗裝無疑能夠降低消費者的試錯成本。由此&#xff0c;這門生意也一直備受關注。 并且&#xff0c;小樣…

git stash使用

假設你當前正在分支A上開發一個功能&#xff0c;并修改了一些代碼&#xff0c;運行git stash save "修改描述XXX"來保存當前工作目錄的更改到stash。 然后你可以切換到其它分支(比如分支B)進行其它任務。 當你回到分支A時&#xff0c;想恢復原來的開發狀態&#xf…

rman備份有效性 restore preview validate

注意&#xff1a; 驗證命令并不會真正執行&#xff0c;所以可以減去異機測試等的麻煩&#xff0c;但是 restore database validate 驗證速度會很慢。 alert.log 會記錄 2023-08-14T18:45:07.51463208:00Restore from backup piece XXX 如果希望查看RMAN使用那個集來執行特定的恢…

.NET 6.0 重啟 IIS 進程池

在 .NET 6.0 中&#xff0c;你可以使用 Microsoft.Web.Administration 命名空間提供的 API 來管理 IIS 進程池并實現重啟操作。以下是一個示例代碼&#xff0c;展示如何使用 .NET 6.0 中的 Microsoft.Web.Administration 來重啟 IIS 進程池&#xff1a; using Microsoft.Web.A…

交融動畫學習

學習抖音&#xff1a; 渡一前端教科頻道 利用 filter 的屬性實現交融效果 變成 讓后利用這個效果實現一個功能 實現代碼&#xff1a; <!DOCTYPE html> <html lang"en"><head><meta charset"UTF-8"><style>* {margin: 0;…

CentOS根分區擴容實戰(非LVM)!

在虛擬化平臺&#xff08;如KVM,ESXI&#xff09;中&#xff0c;將虛擬機的磁盤大小擴展到所需的大小。這將增加虛擬機的磁盤空間。 在虛擬機中&#xff0c;使用以下命令查看可用的磁盤和分區信息&#xff1a; sudo fdisk -l確定要擴展的根分區的設備名稱&#xff08;如 /dev/…

網絡電視盒子哪個好?回購率最高電視盒排行榜揭曉!

在挑選電視盒子的時候&#xff0c;我們不能光看配置&#xff0c;也要看系統優化、廣告植入等方面&#xff0c;不知道網絡電視盒子哪個好&#xff0c;可以借鑒目前業內最新發布的電視盒子回購率排行榜&#xff0c;看看目前用戶口碑最好的是哪些機型。 ●泰捷WEBOX 60Pro電視盒子…

Zabbix監控Kubernets獲取節點模板報錯

Preprocessing failed for: {“error”:"Request failed with status code 401: {“kind”:“Status”,“apiVersion”:“v1”,"met ad …1. Failed: Discovery error: TypeError: cannot read property 1 of null. Zabbix 監控 Kubernetes 出現采集錯誤&#xff0c;…