考试首页 | 考试用书 | 培训课程 | 模拟考场 | 考试论坛  
  当前位置:编程开发 > AJAX > 文章内容
  

AJAX教程:Ajax上传图片并预览的简单实现

 [ 2017年8月8日 ] 【

  1. 直接上最简单的 一种 ajax 异步上传图片,并预览

  html:

  ?

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
"Content-Type" content="text/html; charset=UTF-8">
  file: "file" id="images" name="image" />

  desc: "text" id="desc" name="desc" />

  "button" value="upload" onclick="upload();">
   
  
"images">
   

  servlet:

  ?

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
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();
    }
  }

  2. 这里会 用到一个 ajaxupload.js, 网上多得很。

  以上就是小编为大家带来的Ajax 上传图片并预览的简单实现的全部内容了

本文纠错】【告诉好友】【打印此文】【返回顶部
将考试网添加到收藏夹 | 每次上网自动访问考试网 | 复制本页地址,传给QQ/MSN上的好友 | 申请链接 | 意见留言 TOP
关于本站  网站声明  广告服务  联系方式  站内导航  考试论坛
Copyright © 2007-2013 中华考试网(Examw.com) All Rights Reserved