钉钉实现图片批量上传功能

最新推荐文章于 2024-05-22 11:46:53 发布

天空下的读白

最新推荐文章于 2024-05-22 11:46:53 发布

阅读量4.9k

点赞数 2

分类专栏： # 钉钉小程序

本文链接：https://blog.csdn.net/qq_38110067/article/details/103926446

版权

钉钉小程序专栏收录该内容

2 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<script src="/dingding/open-develop/1.9.0/dingtalk.js"></script>
		<script>
			dd.ready(function() {
				var sucessCount = 0;
				dd.chooseImage({
					count:10,
					success: (res) => {
						uploadImages(compressImage(res.filePaths));						
					},
					fail: function(res) {
						console.log(res + "选择图片失败");
					}
				});
                function uploadImages(filePaths){
                	for(var filepath of filePaths){
                		dd.uploadFile({
								url: '请使用自己服务器地址',
								fileType: 'image',
								fileName: 'file',
								filePath: filepath,
								success: (res) => {
									sucessCount++;
								},
						});
                	}
                	console.log("本次一共上传" + res.filePaths + "了图片,成功上传了" + sucessCount + "了图片");
                };
				function compressImage(filePaths) {
					let compressFilePaths=[]; 
					dd.compressImage({
						filePaths:filePaths ,
						compressLevel: 1,
						success: (res) => {
							compressFilePaths=res.filePaths;
						},
						fail:fuction(res){
							
						},
					});
					return filePaths;
				};
			});
		</script>
	</head>

	<body>
		<button id="uploadImgs">批量上传图片</button>
	</body>

</html>