uniapp小程式(原生微信小程式也可以使用),獲取介面二進位流數據上傳文件到伺服器

来源:https://www.cnblogs.com/Allen-project/archive/2023/07/20/17568366.html
-Advertisement-
Play Games

需求:通過介面返回的二進位流數據,這個流數據他是一個xlsx文檔,需要給到用戶一個文檔線上連接。 下麵是具體代碼,註意只針對二進位的文件數據,如果圖片上傳直接調用uploadFile就可以,並且相容原生微信小程式。 export function exportExcel1(query) { uni. ...


需求:通過介面返回的二進位流數據,這個流數據他是一個xlsx文檔,需要給到用戶一個文檔線上連接。

下麵是具體代碼,註意只針對二進位的文件數據,如果圖片上傳直接調用uploadFile就可以,並且相容原生微信小程式。

export function exportExcel1(query) {
	uni.showLoading({
		title: '正在導出...',
		mask: true
	});
	// 這個是get介面參數 setUrlQuery 是我自定義的函數封裝 主要是拼接url參數的
	let obj = {
		"personnelIdList":state.personnel.list.map((item)=>item.personnelId),
		"projectId":store.project.projectId,
		...query
	};
	// 調用介面 獲取二進位流 進行下載並且獲取臨時文件地址
	uni.downloadFile({
		url:env.ApiUrl+'/personnel/laborer/exportExcel'+uni.setUrlQuery(obj),
		header: {
		    'content-type': 'application/json',
		    'Authorization' : 'Bearer ' + storage.getItem('Authorization')
		},
		success(res){
			let tempFilePath = res.tempFilePath; // 獲取微信返回的臨時系統文件地址
			uni.uploadFile({
				url: env.ApiUrl + 'xxx', // 上傳文件介面
				formData: {}, // 除文件外其他所有數據,傳對象,會預設轉換為 FormData
				filePath: tempFilePath, // 上傳臨時的系統文件地址
				header: {
				    'content-type': 'application/json',
				    'Authorization' : 'Bearer ' + storage.getItem('Authorization')
				},
				name: 'file', // 註意與後端約定的欄位名稱
				success(res){
					uni.hideLoading();
					// 彈窗提示導出成功 用戶點擊確定複製url文件地址
					uni.showModal({
						title: '導出成功',
						content: '已生成當前列表人員數據文檔!',
						cancelText: '取消',
						confirmText: '複製URL',
						success: function (res) {
							if (res.confirm) {
								// 獲取url 進行複製
								uni.setClipboardData({
									data:result,
									success() {},
								});
							}
						}
					});
					// 文件預覽
					// uni.openDocument({
					// 	filePath: 'url',// 可以是微信給的系統臨時url地址,也可以是正式的線上地址
					// 	success: (sus) => {
					// 		console.log('成功打開');
					// 	},
					// });
				}
			});
		}
	});
};

 


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 在之前的這篇文章Oracle/MySQL/PG/SQL Server關係資料庫中NULL與空字元串的區別[1]中,簡單對比、介紹了一下MySQL的NULL/空格/尾部空格處理方式,主要對比了NULL與長度為空的字元串,其實很多地方沒有分析到位就一筆帶過了。這篇文章重新來細說一下MySQL的尾部空格處 ...
  • [數據資產](https://www.dtstack.com/dtinsight/dataassets?src=szsm=07)現在需要接入數棧內部相關應用的時候,支持查看血緣的類型從表、離線任務增加到需要表、離線任務、實時任務、API任務、指標、標簽等,需要支持數棧現有的所有應用任務,最終實現在[ ...
  • 在華為開發者大會2023(Cloud)的“GaussDB資料庫,打造輕量化遷移部署方案”專題論壇上,掌數科技解決方案總經理高星作為華為雲GaussDB的優秀合作伙伴,分享了掌數科技和華為雲GaussDB長期合作的實踐和成果。 ...
  • 瀏覽記錄系統主要用來記錄京東用戶的實時瀏覽記錄,並提供實時查詢瀏覽數據的功能。線上用戶訪問一次商品詳情頁,瀏覽記錄系統就會記錄用戶的一條瀏覽數據,並針對該瀏覽數據進行商品維度去重等一系列處理並存儲。然後用戶可以通過我的京東或其他入口查詢用戶的實時瀏覽商品記錄,實時性可以達到毫秒級。目前本系統可以為京... ...
  • 大家好,我是獨孤風,大數據流動的作者。 最近幾個概念頻繁出現在大家的視野內。 什麼是數據管理,數據治理,數據中心,數據中台,數據湖? 他們之間又有怎麼樣的區別和聯繫呢? 這幾個概念常常讓人混淆,今天我們就來詳細解析一下。 # 一、數據管理 數據管理是指組織對其整個數據生命周期進行的規劃、執行和控制, ...
  • ![](https://img2023.cnblogs.com/blog/3076680/202307/3076680-20230719144557396-616589792.png) # 1. 結果集分頁 ## 1.1. 只有做過了排序,才有可能準確地從結果集中返回指定區間的記錄 ## 1.2.  ...
  • # Vue3項目完整搭建步驟 ## 一、 使用vite創建vue3項目 `npm init vue@latest` 或者`npm create vite@latest`進行初始化項目並創建項目名稱code,進入code目錄進行基本部署。 `cd code`、`npm install` 、`npm r ...
  • 這裡給大家分享我在網上總結出來的一些知識,希望對大家有所幫助 在前端開發的世界里,Vue.js一直是一個備受追捧的框架。隨著Vue 3的發佈,開發者們開始熱烈討論它與Vue 2之間的差異和優勢。就像披薩和漢堡一樣,這兩個版本都有自己獨特的特點和追隨者。那麼,Vue 2和Vue 3到底誰才能在前端界贏 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...