js实现获取手机相册并上传

最新推荐文章于 2025-06-15 17:12:31 发布

原创

最新推荐文章于 2025-06-15 17:12:31 发布 · 3.8w 阅读

43 ·

CC 4.0 BY-SA版权

文章标签：

#webApp

本文介绍了如何在WebApp中实现从手机相册选择图片并上传至服务器。使用了plus.uploader方法，针对多选图片，通过递归压缩图片避免异步问题。在上传前，可以添加数据和文件到任务，然后调用start()启动上传任务。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

转载请标记出处http://blog.youkuaiyun.com/qq_32635069/article/details/72869100

我将代码总结写成了一个Demo，没有看懂的可以从github上下载来，看一下 Demo地址
在写易沃克项目时，一直苦于无路去实现将图片上传至服务器
这是我的解决方案
当初有很多人说使用form方法将文件封装来上传，可是因为要照顾到从相机中选择图片，所以一直没有去做。
后来看到了Uploader的方法来传文件，感觉自己找到了
他是使用plus.uploader来完成的

创建网络上传任务

function createUploader() {
   
   
    task = plus.uploader.createUpload(url, {
        method: 'POST'
    }, function(data, status) {
   
   
        if(status == 200) {
            plus.nativeUI.closeWaiting();
            var page = plus.webview.getWebviewById('view/dynamics/dynamics.html');
            mui.fire(page, 'refresh', {});
            mui.openWindow({
                id: 'index.html'
            });
        } else {
            mui.alert(status);
        }
    });

}