多图片上传

webuploader + springmvc上传

人盡茶涼 提交于 2020-02-28 13:00:52
首先去官网下载:http://fex.baidu.com/webuploader/download.html 前台: 放到项目里面,修改upload.js中的server:'up'; 修改webuploader.js中的sendAsBinary: false sendAsBinary {Object} [可选] [默认值:false] 是否已二进制的流的方式发送文件,这样整个上传内容php://input都为文件内容, 其他参数在$_GET数组中。 可以修改一下提示和上传文件的类型以及大小: uploader.onError = function( code ) { if(code=="Q_EXCEED_NUM_LIMIT"){ alert("超出最大张数!"); }else if(code=="F_DUPLICATE"){ alert("文件重复!"); }else if(code=="Q_TYPE_DENIED"){ alert("不允许上传的类型!"); }else{ alert( 'Eroor: ' + code ); } }; 后台: 修改springmvc的配置文件 <beans:bean id="multipartResolver" class="org.springframework.web.multipart.commons

yii2组件之多图上传插件FileInput的详细使用

白昼怎懂夜的黑 提交于 2019-11-26 14:50:27
作者:白狼 出处: http://www.manks.top/yii2_multiply_images.html 本文版权归作者,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。 文件上传也写过几篇文章了,包括最基本的 yii2文件上传 、 异步上传到又拍云 以及 百度编辑器图片上传的问题 ,貌似不说点多图上传的就不完美。 今天介绍一款多图上传的插件 FileInput,至于为什么选中了TA作为我们上传的插件,一来这货跟Yii2有一腿,用起来方便;二来嘛,用这个插件不仅添加的时候好操作,修改的时候也可以直接通过异步的方式将图片悄无声息的删掉或者新增;最值得一提的是,界面效果融合了bootstrap,清爽简洁美观,看起来舒服。 说重点,看具体步骤 首先还是先安装组件 composer require kartik-v/yii2-widget-fileinput "@dev" 先做一个必要的说明:假设我们有一张商品表,一张商品图片表,商品图片表只对商品id和图片地址进行存储 看基本使用 use kartik\file\FileInput; // 非ActiveForm的表单 echo '<label class="control-label">图片</label>'; echo FileInput::widget([ 'model