当前位置:文档之家› jQuery多图上传插件imgUp.js

jQuery多图上传插件imgUp.js

本文由我司收集整编,推荐下载,如有疑问,请与我司联系
jQuery 多图上传插件imgUp.js
2017/08/07 0 开发环境:idea mysql
效果:
前台步骤如下:
1)首先导入imgPlugin.js
注:实际项目中使用的时候只需要引用:imgPlugin.js 这个就可以了,因为这
个是对imgUp.js 的封装
script type= text/javascript src= ../style-wechat/js/imgPlugin.js /script
2)在页面中加入它需要的js
script type= text/javascript var imgUrls= ; $( #file ).takungaeImgup({ formData: { name : file }, url: 192.168.1.109:8080/imgUp , success: function(data) { imgUrls =data.url , ; }, error: function(err) { alert(err); } }); function addComm(){ jQuery.ajax({ url: /addComment.action , type: ‘POST’,data: {‘imageUrls’:imgUrls}, dataType: ‘json’, success: function (data) { alert( 发布成功); } }) } /script 3)在页面
中代码添加内容div > section > div > section > img src= ../../style- wechat/images/a11.png > input type= file name= file id= file > /section /div /section /div aside > div > p > p > /div /aside 后台接受图片代码:
tips:感谢大家的阅读,本文由我司收集整编。

仅供参阅!。

相关主题