成都网站建设设计

将想法与焦点和您一起共享

Ajax中怎么上传图片并预览

Ajax 中怎么上传图片并预览,很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。

创新互联是一家专业提供江汉企业网站建设,专注与做网站、网站设计H5高端网站建设、小程序制作等业务。10年已为江汉众多企业、政府机构等服务。创新互联专业网站建设公司优惠进行中。

html:





图片上传 | cookie


  file: 

  desc: 

        
     function upload() {     $.ajaxFileUpload({       url : 'upload.htm',       fileElementId : 'images',       dataType : 'json',       data : {desc : $("#desc").val()},       success : function(data) {         var html = $(".images").html();         html += ''         $(".images").html(html);       }     })     return false;   }

servlet:

protected void doPost(HttpServletRequest request, HttpServletResponse response)
      throws ServletException, IOException {
    DiskFileItemFactory factory = new DiskFileItemFactory();
    
    ServletFileUpload upload = new ServletFileUpload(factory);
    
    String path = request.getServletContext().getRealPath("/upload");
    String name = null;
    try {
      List items = upload.parseRequest(request);
      for (FileItem item : items) {
        if(item.isFormField()){
          System.out.println(item.getFieldName() + ": " + item.getString());
        } else {
          name = item.getName();
          item.write(new File(path,name));
        }
      }
      PrintWriter out = response.getWriter();
      out.print("{");
      out.print("url:\"" + name +"\"");
      out.print("}");
      
    } catch (Exception e) {
      e.printStackTrace();
    }
  }

看完上述内容是否对您有帮助呢?如果还想对相关知识有进一步的了解或阅读更多相关文章,请关注创新互联行业资讯频道,感谢您对创新互联的支持。


本文标题:Ajax中怎么上传图片并预览
网站链接:http://chengdu.cdxwcx.cn/article/ppgphj.html

其他资讯