zoukankan      html  css  js  c++  java
  • jqm文件上传,上传图片,jqm的表单操作,jqm的ajax的使用,jqm文件操作大全,文件操作demo

    近期在论坛中看到。在使用html5中上传图片或文件,出现各种问题。

    这一方面,我也一直没有做过,今天就抽出了一点时间来学习一下。如今的演示样例已经ok了,我就给大家分享一下,希望对大家有帮助。


    好吧。我们先看看效果截图吧:

    还行吧,来看页面代码:

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head><title>伪专家jqm文件上传</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css">
    <script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
    <script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>
    </head>
    <body>
    <div data-role="page">
      <div data-role="header" data-position="fixed">
        <h1>伪专家jqm文件上传</h1>
      </div>
      <div class="ui-content">
      	<p><b>如有疑问:请加qq群135430763,共同学习!

    。。</b></p> <p><b>如有疑问:请加qq群135430763,共同学习!

    </b></p> <div class="file-box"> <form action="FileServlet" method="post" enctype="multipart/form-data" data-ajax="false"> <input type="file" name="fileField" id="fileField" /> <input type="submit" name="submit" class="btn" value="上传" /> </form> </div> <p><b>如有疑问:请加qq群135430763。共同学习!!!

    </b></p> <p><b>如有疑问:请加qq群135430763,共同学习。!!

    </b></p> </div> <div data-role="footer" data-position="fixed"> <h1>伪专家jqm文件上传</h1> </div> </div> </body> </html>

    在看看简单的servlet代码:
    package com.herman.jqm.servlet;
    
    import java.io.File;
    import java.io.FileOutputStream;
    import java.io.IOException;
    import java.io.InputStream;
    import java.io.OutputStream;
    import java.util.List;
    
    import javax.servlet.ServletException;
    import javax.servlet.http.HttpServlet;
    import javax.servlet.http.HttpServletRequest;
    import javax.servlet.http.HttpServletResponse;
    
    import org.apache.commons.fileupload.FileItem;
    import org.apache.commons.fileupload.disk.DiskFileItemFactory;
    import org.apache.commons.fileupload.servlet.ServletFileUpload;
    
    /**
     * @see 上传图片或文件FileServlet
     * @author Administrator
     * @date 2014年6月23日10:00:39
     */
    public class FileServlet extends HttpServlet {
    	private static final long serialVersionUID = 1L;
    
        /**
         * 默认构造函数 
         */
        public FileServlet() {
        }
    
    	/**
    	 * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)
    	 */
    	protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    	}
    
    	/**
    	 * @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)
    	 */
    	@SuppressWarnings("unchecked")
    	protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    		request.setChara
    
  • 相关阅读:
    Spring之Redis访问(Spring-data-redis)
    SpringCloud之Hystrix容错保护原理及配置
    SpringCloud之Feign声明式调用原理及配置
    SpringCloud之Ribbon负载均衡配置
    基于Zookeeper实现分布式锁
    SpringCloud之Eureka注册中心原理及其搭建
    SpringBoot定时任务(schedule、quartz)
    Java和操作系统交互(Java 代码是怎么执行)(转)
    深入SpringBoot注解原理及使用
    Spring事务的配置、参数详情及其原理介绍(Transactional)
  • 原文地址:https://www.cnblogs.com/slgkaifa/p/6956061.html
Copyright © 2011-2022 走看看