使用webuploader上传图片

Posted M闯.Blog

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了使用webuploader上传图片相关的知识,希望对你有一定的参考价值。

使用方法很简单,就是引用一下js文件,然后在js里配置一下要上传的地址就可以了

    <script type="text/javascript" src="./js/jquery.js"></script>
    <script type="text/javascript" src="./js/webuploader.js"></script>
    <script type="text/javascript" src="./js/upload.js"></script>

 

 

 

我做的是添加商品

 

1. 先接受到图片,然后保存到数据库中,保存ID,保存到cookie中。

2. 点击保存时,保存商品信息,从cookie中找到图片ID,添加到商品信息中。清空cookie。

 

做的时候假如上传三张图片 , 一直只能从cookie中读取到最后一张图片的ID,前俩张没有了。

找了好久原因啊。。。

 

后来发现是在upload 实例化的时候有这个参数:

  threads {Boolean} [可选] [默认值:3]  上传并发数。允许同时最大上传进程数。

 

原来他是一张一张上传的, 我把它改成1就可以了。

 

以上是关于使用webuploader上传图片的主要内容,如果未能解决你的问题,请参考以下文章

jsp使用七牛云API和webuploader上传多组图片

JFinal+WebUploader实现图片的异步上传

WebUploader文件图片上传插件的使用

TP5 webuploader 单页面多实例上传图片 案例

项目相关MVC中使用WebUploader进行图片预览上传以及编辑

百度上传控件webuploader如何限制 图片尺寸大小