uniapp.uploadFile封装并解决移动端上传时header头时间戳丢失问题

使用HMAC-SHA256进行文件上传的安全实现

最新推荐文章于 2025-10-16 17:22:44 发布

原创最新推荐文章于 2025-10-16 17:22:44 发布 · 3.7k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #javascript

uniapp 同时被 2 个专栏收录

5 篇文章

订阅专栏

uploadfile

1 篇文章

订阅专栏

这段代码展示了如何使用HMAC-SHA256算法结合时间戳生成安全令牌，用于在uni-app中进行文件上传。通过设置HTTP头，确保了上传过程的安全性，并提供了上传文件的基本配置选项。

话不多说，上代码

function uploadFile(obj) {
	var time = new Date().getTime();
	var secret = Base64.stringify(hmacSHA256(token + "" + time, "0Q4icRHjJY2BRdTJdJrCFixD6OMhhd01"));
	var url = obj.url; //服务器地址
	var filePath = obj.filePath; //要上传文件资源的路径。
	var formData = obj.formData;
	var success = obj.success;
	var name = obj.name; //文件对应的 key 
	var method = obj.method || 'POST'; //默认post请求
	uni.uploadFile({
		url: url,
		filePath: filePath,
		name: name,
		formData: formData,
		header: {
			'token': token,
			'time': time.toString(),   //H5端不转没问题，移动端必须转string类型
			'secret': secret
		},
		method: method,
		success: function(res) {
			console.log(obj)
			success(res)
		},
		fail: function(res) {}
	})
}