下面小编就为大家带来一篇Ajax 上传图片并预览的简单实现。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
1. 直接上最简单的 一种 ajax 异步上传图片,并预览
html:
<title>图片上传 | cookie</title> file: <br><br> desc: <br><br><div class="images"></div>
servlet:
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { DiskFileItemFactory factory = new DiskFileItemFactory(); ServletFileUpload upload = new ServletFileUpload(factory); Stri<em style="color:transparent">来源gao.dai.ma.com搞@代*码网</em>ng 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 上传图片并预览的简单实现的详细内容,更多请关注gaodaima搞代码网其它相关文章!