移动端上传组件WebUploader

最新推荐文章于 2025-04-10 16:20:33 发布
最新推荐文章于 2025-04-10 16:20:33 发布
阅读量1.5w 收藏 3
点赞数
分类专栏： 前端开发 HTML5 手机开发 文章标签： html5 mobile 上传 web uploader dropzone
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/spring21st/article/details/51636480
版权
本文介绍适合移动端的文件上传解决方案，推荐使用BaiduFEX的WebUploader，它支持HTML5且适用于移动设备。此外还提到了dropzone.js作为另一种较简单的上传方式。

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

网站开发少不了上传的功能，一般PC端常用的是jquery uploadify

但是移动端是不支持flash的，但是移动端对html5的支持力度是非常强的，没有必要使用flash方案。


推荐使用baidu fex的WebUploader

项目地址：

http://www.open-open.com/lib/view/open1390383481961.html

http://fex.baidu.com/webuploader/download.html

移动端注意事项：

https://github.com/fex-team/webuploader/issues/185


对于性能和功能要求没有那么高的，可以使用dropzone.js

http://www.dropzonejs.com/#

WebUploader支持Web移动端上传
01-11
WebUploader目前支持web端和移动端flash的方式多上传功能，还完成了删除和下载的方法，但是需要根据自己的需求小改动下即可。首先声明没有美工样式。谢谢支持
wot-design-uni 学习笔记
weixin_65808257的博客
11-13 756
【代码】wot-design-uni 学习笔记。
Vue.js中如何利用WebUploader实现文件夹上传？
最新发布
alisky119的博客
04-10 879
要求：免费,开源,技术支持技术：百度webuploader，分块，切片，断点续传，秒传，MD5验证，纯JS实现，支持第三方软件集成前端：vue2,vue3,vue-cli,html5,webuploader后端：asp.net,.net mvc,.net core,asp,jsp,java,springboot,php,数据库：MySQL,Oracle,SQL Server,达梦,人大金仓,国产数据库。
vue移动端上传文件插件_Vue的移动端多图上传插件vue-easy-uploader
weixin_39938269的博客
12-22 890
前言这段时间赶项目，需要用到多文件上传，用Vue进行前端项目开发。在网上找了不少插件，都不是十分满意，有的使用起来繁琐，有的不能适应本项目。就打算自己折腾一下，写一个Vue的上传插件，一劳永逸，以后可以直接使用。目前vue-easy-uploader已上传到GitHub和NPM，使用起来方便简单，不需要繁琐的配置即可投入生产，不过需要后端配合，实现上传接口。详细的使用方法都在仓库Readme中，就...
webuploader 手机端上传图片默认打开相机 改为选择相册
he3236220的博客
06-07 8257
解决办法 1.高版本的webuploader.js会出现这种情况，改为低版本webuploader.js可以解决这个问题 2.隐藏这行capture=camera,用编辑器打开webupload.js 4926 行 以下是低版本的webuploader.js，复制存储为webuploader.js，覆盖原js即可 /! WebUploader 0.1.5 / /** * @fi...
移动端开发（使用webuploader上传图片,客户端交互,修改alert弹窗等）
weixin_30902675的博客
01-20 271
之前实习做的一个移动端的页面 需要的功能有图片上传 点击客户端的返回按钮 有提示(即与客户端有交互） 遇到不少的坑 总结一下问题 1.图片上传功能 使用工具 百度的webuploader 暂时遇到的坑 1.1 删除图片 实际上并没有完全删除 需要自己在源码上添加 详情 看github的提问 https://github.com/fex-team/webuploader/issues/...
webuploader文件上传放在移动端里面不会调用webuploader的方法
05-10
例如，您可以通过配置WebUploader的pick选项来调整上传按钮的样式和位置，或通过配置WebUploader的resize选项来调整上传组件的大小。 3. 使用其他适合移动端的文件上传插件，如Dropzone.js或Fine Uploader等。 ...
移动端图片上传解决方案：WebUploader使用详解
标题中提到的“webuploader”指的是一个在Web开发中使用的文件上传组件。它是由百度前端技术团队开发的一个纯前端的上传插件，兼容多种浏览器，非常适合于需要在网页上实现文件上传功能的场景。 ### WebUploader...
WebUploader实现web端与移动端文件上传功能
### WebUploader支持Web移动端上传相关知识点 WebUploader是一款简洁高效的Web前端上传组件，它支持在各种浏览器环境下进行文件上传，尤其在移动端和桌面端浏览器上都能很好地工作。WebUploader的灵活性使得开发者...
android 浏览器上传图片,Android 开发 使用WebUploader解决安卓微信浏览器上传图片中遇到的bug...
weixin_35907598的博客
05-28 672
先给大家分析下微信浏览器上传图片bug的原因微信在新版本中采用的是自己的X5内核浏览器，而在较老的版本中还有可能是安卓的原生浏览器。具体的环境我也不太了解，但是经过实际多台安卓机型的测试，我采取的方案可以基本确保在安卓机中微信浏览器的成功上传。苹果机型没问题，因为微信的ios客户端使用的是Safari的内核，没有各种坑，且效果最好。这里给出一个 WebUploader 官方关于移动端适配的 iss...
jQuery移动端图片上传组件
11-25
本文实例为大家分享了移动端图片上传组件，供大家参考，具体内容如下 Imageupload 使用File API+canvas 客户端压缩图片，并实现文件上传服务端 文件依赖 JQUERY 参数API loading:’.loading’, 页面显示loading的图标selector url:”, 接收数据的api接口地址 maxFileSize:1010241024, 服务端支持的最大单文件大小 format:/^image/i, 支持的文件格式. images text ….. isCompress:true, 如果是图片，可以开启客户端压缩，减少传输的数据文件 compressNum:0
移动端多张图片上传插件.zip
04-17
用于开发手机端应用的多图片上传前端页面,可自行修改成单图片上传,
diyUpload 一款支持多图片上传的js插件,支持手机端上传
03-28
$(function(){ var $tgaUpload = $('#goodsUpload').diyUpload({ url:'/uploadFilePath', success:function( data ) { }, error:function( err ) { }, buttonText : '', accept: { title: "Images", extensions: 'gif,jpg,jpeg,bmp,png' }, thumb:{ width:800, height:1142, quality:200, allowMagnify:true, crop:true, type:"image/jpeg" } }); });
移动端简易html的上传图片插件
09-11
简易的图片上传插件，适用于移动端，PC端。 简易的图片上传插件，适用于移动端，PC端。
移动端上传图片裁剪插件
04-28
移动端上传图片裁剪插件,支持放大缩小,支持旋转,裁剪功能很强大
移动端h5实现拍照上传图片并预览&webuploader
xiaozhen0610的博客
08-05 2449
.移动端实现图片上传并预览，用到h5的input的file属性及filereader对象；经测除了android上不支持多图片上传，其他基本ok实用； 一：先说一下单张图片上传（先上代码）： html结构(含多张图片容器div)： 1 <div class="fileBtn"> 2 <p>点击添加图片</p> 3 <input id="fileBtn" type="file" onchange="upload();" accept
jQuery移动端图片文件上传插件
ICode联盟
01-14 680
下载地址https://yy123.ink/frontDetail/11436jQuery移动端图片文件上传插件是一款支持图片文件切片上传插件。 dd:
android web app 图片上传插件,vue移动端图片上传，可最多上传9张,使用webuploader插件...
weixin_34487462的博客
05-28 1413
屏幕快照 2018-09-09 09.43.18.png{{num}}疾病分类请选择疾病分类{{ item.title }}请选择疾病分类为了保证信息的真实有效性，请填写真实信息姓名手机号码data-pattern="手机号填写错误" class="r" placeholder="请输入手机号">上传病例或报告，最多可上传9张// var three_part_css = [// "...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值