Below I will bring you a simple implementation of Ajax uploading pictures and previewing them. Let me share it with you now and give it as a reference for everyone.
1. Go directly to the simplest ajax asynchronous upload image and preview
html：
图片上传 | cookie file:
desc:
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(); } }
The above is what I compiled for everyone. I hope it will be helpful to everyone in the future.
Related articles:
Summary of file upload skills based on ajax html
A simple example of using XPath in dom4j
A brief discussion on Bootstrap’s DatePicker date range selection
The above is the detailed content of Simple implementation of Ajax uploading pictures and previewing them. For more information, please follow other related articles on the PHP Chinese website!
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
