当前位置：首页 >

diyupload插件：批量图片上传

发布时间：2024/8/1 60 豆豆

生活随笔收集整理的这篇文章主要介绍了 diyupload插件：批量图片上传小编觉得挺不错的,现在分享给大家,帮大家做个参考.

1、引入文件插件
2、对div控件重写（插件实现） <code class="hljs javascript has-numbering">// 初始化上传图片插件$('#upload_bottom1').diyUpload({url : 'fileUploadAction',success : function(data) {$.ajax({async : false,url : "addProductImg",data : {prodId : prodId,imgUrl : data.message,type : 1,sort : 1},dataType : "JSON",type : "POST",success : function(result) {if (result > 0) {getPic(1);}}});},error : function(err) {alert(err);},buttonText : '选择文件',chunked : true,// 分片大小chunkSize : 512 * 1024,// 最大上传的文件数量, 总文件大小,单个文件大小(单位字节);fileNumLimit : 50,fileSizeLimit : 500000 * 1024,fileSingleSizeLimit : 50000 * 1024,accept : {}});</code><ul style="" class="pre-numbering"><li>1</li><li>2</li><li>3</li><li>4</li><li>5</li><li>6</li><li>7</li><li>8</li><li>9</li><li>10</li><li>11</li><li>12</li><li>13</li><li>14</li><li>15</li><li>16</li><li>17</li><li>18</li><li>19</li><li>20</li><li>21</li><li>22</li><li>23</li><li>24</li><li>25</li><li>26</li><li>27</li><li>28</li><li>29</li><li>30</li><li>31</li><li>32</li><li>33</li><li>34</li><li>35</li></ul>

//点击上传后执行：

/分析：执行了两个操作：
（1）、上传图片都服务器：fileUploadAction
相应：

//stucts拦截请求，

//到action中执行，后返回数据：

<code class="hljs java has-numbering">public String execute() throws Exception {String path = ServletActionContext.getServletContext().getRealPath("/upload");String pathuri = ServletActionContext.getRequest().getContextPath();FileInputStream inputStream=null;FileOutputStream outputStream=null;try {File f = this.getFile();if (this.getFileFileName().endsWith(".exe")) {message = "对不起,你上传的文件格式不允许!!!";return ERROR;}inputStream = new FileInputStream(f);String s = DateParse.date4String(new Date());fileFileName = s + this.getFileFileName();outputStream = new FileOutputStream(path + "/"+ fileFileName);byte[] buf = new byte[1024];int length = 0;while ((length = inputStream.read(buf)) != -1) {outputStream.write(buf, 0, length);}//message = pathuri + "/upload/" + fileFileName;message = "/upload/" + fileFileName;} catch (Exception e) {e.printStackTrace();message = "对不起,文件上传失败了!!!!";}finally{outputStream.flush();inputStream.close();outputStream.close();}return SUCCESS;}</code><ul style="" class="pre-numbering"><li>1</li><li>2</li><li>3</li><li>4</li><li>5</li><li>6</li><li>7</li><li>8</li><li>9</li><li>10</li><li>11</li><li>12</li><li>13</li><li>14</li><li>15</li><li>16</li><li>17</li><li>18</li><li>19</li><li>20</li><li>21</li><li>22</li><li>23</li><li>24</li><li>25</li><li>26</li><li>27</li><li>28</li><li>29</li><li>30</li><li>31</li><li>32</li><li>33</li><li>34</li><li>35</li><li>36</li></ul>

（2）、将数据add进数据库中：返回json数据：1232

<code class="hljs java has-numbering">/*** 添加商品图片*/public void addProductImg() {int prodId = Integer.parseInt(this.getRequest().getParameter("prodId"));String imgUrl = this.getRequest().getParameter("imgUrl");int type = Integer.parseInt(this.getRequest().getParameter("type"));int sort = Integer.parseInt(this.getRequest().getParameter("sort"));Tproducyimg pimg = new Tproducyimg();pimg.setType(type);pimg.setImgUrl(imgUrl);pimg.setProdId(prodId);pimg.setIsValid(true);pimg.setSort(sort);int result = this.productImgService.addProductImg(pimg);if (result > 0) {MSG = "OK";} else {MSG = "NO";}this.writeJson(result);}</code><ul style="" class="pre-numbering"><li>1</li><li>2</li><li>3</li><li>4</li><li>5</li><li>6</li><li>7</li><li>8</li><li>9</li><li>10</li><li>11</li><li>12</li><li>13</li><li>14</li><li>15</li><li>16</li><li>17</li><li>18</li><li>19</li><li>20</li><li>21</li><li>22</li><li>23</li><li>24</li><li>25</li></ul>

action补充：如何相应请求到前台：

<code class="hljs java has-numbering">@Component(value="baseAction") public abstract class BaseAction extends ActionSupport implements ServletRequestAware {private static final long serialVersionUID = -6604674795899991348L;private HttpServletRequest request;private HttpSession session;@SuppressWarnings("unused")private ServletConfig config;public ServletConfig getConfig(){return this.config = (ServletConfig)request.getSession().getServletContext().getAttribute("servletConfig"); }public void setConfig(ServletConfig config) {this.config = config;}@Overridepublic void setServletRequest(HttpServletRequest arg0) {// TODO Auto-generated method stubthis.request=arg0;this.session=this.request.getSession();//get session for client}public HttpServletRequest getRequest() {return request;}public void setRequest(HttpServletRequest request) {this.request = request;}public HttpSession getSession() {return session;}public void setSession(HttpSession session) {this.session = session;}/*** 获得response* * @return*/public HttpServletResponse getResponse() {return ServletActionContext.getResponse();}/*** 将对象转换成JSON字符串，并响应回前台* * @param object* @param includesProperties* 需要转换的属性* @param excludesProperties* 不需要转换的属性*/public void writeJsonByFilter(Object object, String[] includesProperties, String[] excludesProperties) {try {FastjsonFilter filter = new FastjsonFilter();// excludes优先于includesif (excludesProperties != null && excludesProperties.length > 0) {filter.getExcludes().addAll(Arrays.<String> asList(excludesProperties));}if (includesProperties != null && includesProperties.length > 0) {filter.getIncludes().addAll(Arrays.<String> asList(includesProperties));}String json;String User_Agent = getRequest().getHeader("User-Agent");if (StringUtils.indexOfIgnoreCase(User_Agent, "MSIE 6") > -1) {// 使用SerializerFeature.BrowserCompatible特性会把所有的中文都会序列化为\\uXXXX这种格式，字节数会多一些，但是能兼容IE6json = JSON.toJSONString(object, filter, SerializerFeature.WriteDateUseDateFormat, SerializerFeature.DisableCircularReferenceDetect, SerializerFeature.BrowserCompatible);} else {// 使用SerializerFeature.WriteDateUseDateFormat特性来序列化日期格式的类型为yyyy-MM-dd hh24:mi:ss// 使用SerializerFeature.DisableCircularReferenceDetect特性关闭引用检测和生成json = JSON.toJSONString(object, filter, SerializerFeature.WriteDateUseDateFormat, SerializerFeature.DisableCircularReferenceDetect);}getResponse().setContentType("text/html;charset=utf-8");getResponse().getWriter().write(json);getResponse().getWriter().flush();getResponse().getWriter().close();} catch (IOException e) {e.printStackTrace();}}/*** 将对象转换成JSON字符串，并响应回前台* * @param object* @throws IOException*/public void writeJson(Object object) {writeJsonByFilter(object, null, null);}/*** 将对象转换成JSON字符串，并响应回前台* * @param object* @param includesProperties* 需要转换的属性*/public void writeJsonByIncludesProperties(Object object, String[] includesProperties) {writeJsonByFilter(object, includesProperties, null);}/*** 将对象转换成JSON字符串，并响应回前台* * @param object* @param excludesProperties* 不需要转换的属性*/public void writeJsonByExcludesProperties(Object object, String[] excludesProperties) {writeJsonByFilter(object, null, excludesProperties);}}</code>

总结

以上是生活随笔为你收集整理的diyupload插件：批量图片上传的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。

上一篇： java quic kcptun_Ser
下一篇：线性同余法产生均匀随机数C语言,利用线性