Android基于Http协议实现文件上传功能的方法

本文实例讲述了Android基于Http协议实现文件上传功能的方法。分享给大家供大家参考,具体如下:

注意一般使用Http协议上传的文件都比较小,一般是小于2M

这里示例是上传一个小的MP3文件

1.主Activity:MainActivity.java

public class MainActivity extends Activity
{
  private static final String TAG = "MainActivity";
  private EditText timelengthText;
  private EditText titleText;
  private EditText videoText;
  @Override
  public void onCreate(Bundle savedInstanceState)
  {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.main);
    //提交上传按钮
    Button button = (Button) this.findViewById(R.id.button);
    timelengthText = (EditText) this.findViewById(R.id.timelength);
    videoText = (EditText) this.findViewById(R.id.video);
    titleText = (EditText) this.findViewById(R.id.title);
    button.setOnClickListener(new View.OnClickListener()
    {
      @Override
      public void onClick(View v)
      {
        String title = titleText.getText().toString();
        String timelength = timelengthText.getText().toString();
        Map<String, String> params = new HashMap<String, String>();
        params.put("method", "save");
        params.put("title", title);
        params.put("timelength", timelength);
        try
        {
          //得到SDCard的目录
          File uploadFile = new File(Environment.getExternalStorageDirectory(), videoText.getText().toString());
          //上传音频文件
          FormFile formfile = new FormFile("02.mp3", uploadFile, "video", "audio/mpeg");
          SocketHttpRequester.post("http://192.168.1.100:8080/videoweb/video/manage.do", params, formfile);
          Toast.makeText(MainActivity.this, R.string.success, 1).show();
        }
        catch (Exception e)
        {
          Toast.makeText(MainActivity.this, R.string.error, 1).show();
          Log.e(TAG, e.toString());
        }
      }
    });
  }
}

2.上传工具类,注意里面构造协议字符串需要根据不同的提交表单来处理

public class SocketHttpRequester
{
  /**
   * 发送xml数据
   * @param path 请求地址
   * @param xml xml数据
   * @param encoding 编码
   * @return
   * @throws Exception
   */
  public static byte[] postXml(String path, String xml, String encoding) throws Exception{
    byte[] data = xml.getBytes(encoding);
    URL url = new URL(path);
    HttpURLConnection conn = (HttpURLConnection)url.openConnection();
    conn.setRequestMethod("POST");
    conn.setDoOutput(true);
    conn.setRequestProperty("Content-Type", "text/xml; charset="+ encoding);
    conn.setRequestProperty("Content-Length", String.valueOf(data.length));
    conn.setConnectTimeout(5 * 1000);
    OutputStream outStream = conn.getOutputStream();
    outStream.write(data);
    outStream.flush();
    outStream.close();
    if(conn.getResponseCode()==200){
      return readStream(conn.getInputStream());
    }
    return null;
  }
  /**
   * 直接通过HTTP协议提交数据到服务器,实现如下面表单提交功能:
   *  <FORM METHOD=POST ACTION="http://192.168.0.200:8080/ssi/fileload/test.do" enctype="multipart/form-data">
      <INPUT TYPE="text" NAME="name">
      <INPUT TYPE="text" NAME="id">
      <input type="file" name="imagefile"/>
      <input type="file" name="zip"/>
     </FORM>
   * @param path 上传路径(注:避免使用localhost或127.0.0.1这样的路径测试,
   *         因为它会指向手机模拟器,你可以使用http://www.baidu.com或http://192.168.1.10:8080这样的路径测试)
   * @param params 请求参数 key为参数名,value为参数值
   * @param file 上传文件
   */
  public static boolean post(String path, Map<String, String> params, FormFile[] files) throws Exception
  {
    //数据分隔线
    final String BOUNDARY = "---------------------------7da2137580612";
    //数据结束标志"---------------------------7da2137580612--"
    final String endline = "--" + BOUNDARY + "--/r/n";
    //下面两个for循环都是为了得到数据长度参数,依据表单的类型而定
    //首先得到文件类型数据的总长度(包括文件分割线)
    int fileDataLength = 0;
    for(FormFile uploadFile : files)
    {
      StringBuilder fileExplain = new StringBuilder();
      fileExplain.append("--");
      fileExplain.append(BOUNDARY);
      fileExplain.append("/r/n");
      fileExplain.append("Content-Disposition: form-data;name=/""+ uploadFile.getParameterName()+"/";filename=/""+ uploadFile.getFilname() + "/"/r/n");
      fileExplain.append("Content-Type: "+ uploadFile.getContentType()+"/r/n/r/n");
      fileExplain.append("/r/n");
      fileDataLength += fileExplain.length();
      if(uploadFile.getInStream()!=null){
        fileDataLength += uploadFile.getFile().length();
      }else{
        fileDataLength += uploadFile.getData().length;
      }
    }
    //再构造文本类型参数的实体数据
    StringBuilder textEntity = new StringBuilder();
    for (Map.Entry<String, String> entry : params.entrySet())
    {
      textEntity.append("--");
      textEntity.append(BOUNDARY);
      textEntity.append("/r/n");
      textEntity.append("Content-Disposition: form-data; name=/""+ entry.getKey() + "/"/r/n/r/n");
      textEntity.append(entry.getValue());
      textEntity.append("/r/n");
    }
    //计算传输给服务器的实体数据总长度(文本总长度+数据总长度+分隔符)
    int dataLength = textEntity.toString().getBytes().length + fileDataLength + endline.getBytes().length;
    URL url = new URL(path);
    //默认端口号其实可以不写
    int port = url.getPort()==-1 ? 80 : url.getPort();
    //建立一个Socket链接
    Socket socket = new Socket(InetAddress.getByName(url.getHost()), port);
    //获得一个输出流(从Android流到web)
    OutputStream outStream = socket.getOutputStream();
    //下面完成HTTP请求头的发送
    String requestmethod = "POST "+ url.getPath()+" HTTP/1.1/r/n";
    outStream.write(requestmethod.getBytes());
    //构建accept
    String accept = "Accept: image/gif, image/jpeg, image/pjpeg, image/pjpeg, application/x-shockwave-flash, application/xaml+xml, application/vnd.ms-xpsdocument, application/x-ms-xbap, application/x-ms-application, application/vnd.ms-excel, application/vnd.ms-powerpoint, application/msword, */*/r/n";
    outStream.write(accept.getBytes());
    //构建language
    String language = "Accept-Language: zh-CN/r/n";
    outStream.write(language.getBytes());
    //构建contenttype
    String contenttype = "Content-Type: multipart/form-data; boundary="+ BOUNDARY+ "/r/n";
    outStream.write(contenttype.getBytes());
    //构建contentlength
    String contentlength = "Content-Length: "+ dataLength + "/r/n";
    outStream.write(contentlength.getBytes());
    //构建alive
    String alive = "Connection: Keep-Alive/r/n";
    outStream.write(alive.getBytes());
    //构建host
    String host = "Host: "+ url.getHost() +":"+ port +"/r/n";
    outStream.write(host.getBytes());
    //写完HTTP请求头后根据HTTP协议再写一个回车换行
    outStream.write("/r/n".getBytes());
    //把所有文本类型的实体数据发送出来
    outStream.write(textEntity.toString().getBytes());
    //把所有文件类型的实体数据发送出来
    for(FormFile uploadFile : files)
    {
      StringBuilder fileEntity = new StringBuilder();
      fileEntity.append("--");
      fileEntity.append(BOUNDARY);
      fileEntity.append("/r/n");
      fileEntity.append("Content-Disposition: form-data;name=/""+ uploadFile.getParameterName()+"/";filename=/""+ uploadFile.getFilname() + "/"/r/n");
      fileEntity.append("Content-Type: "+ uploadFile.getContentType()+"/r/n/r/n");
      outStream.write(fileEntity.toString().getBytes());
      //边读边写
      if(uploadFile.getInStream()!=null)
      {
        byte[] buffer = new byte[1024];
        int len = 0;
        while((len = uploadFile.getInStream().read(buffer, 0, 1024))!=-1)
        {
          outStream.write(buffer, 0, len);
        }
        uploadFile.getInStream().close();
      }
      else
      {
        outStream.write(uploadFile.getData(), 0, uploadFile.getData().length);
      }
      outStream.write("/r/n".getBytes());
    }
    //下面发送数据结束标志,表示数据已经结束
    outStream.write(endline.getBytes());
    BufferedReader reader = new BufferedReader(new InputStreamReader(socket.getInputStream()));
    //读取web服务器返回的数据,判断请求码是否为200,如果不是200,代表请求失败
    if(reader.readLine().indexOf("200")==-1)
    {
      return false;
    }
    outStream.flush();
    outStream.close();
    reader.close();
    socket.close();
    return true;
  }
  /**
   * 提交数据到服务器
   * @param path 上传路径(注:避免使用localhost或127.0.0.1这样的路径测试,因为它会指向手机模拟器,你可以使用http://www.baidu.com或http://192.168.1.10:8080这样的路径测试)
   * @param params 请求参数 key为参数名,value为参数值
   * @param file 上传文件
   */
  public static boolean post(String path, Map<String, String> params, FormFile file) throws Exception
  {
    return post(path, params, new FormFile[]{file});
  }
  /**
   * 提交数据到服务器
   * @param path 上传路径(注:避免使用localhost或127.0.0.1这样的路径测试,因为它会指向手机模拟器,你可以使用http://www.baidu.com或http://192.168.1.10:8080这样的路径测试)
   * @param params 请求参数 key为参数名,value为参数值
   * @param encode 编码
   */
  public static byte[] postFromHttpClient(String path, Map<String, String> params, String encode) throws Exception
  {
    //用于存放请求参数
    List<NameValuePair> formparams = new ArrayList<NameValuePair>();
    for(Map.Entry<String, String> entry : params.entrySet())
    {
      formparams.add(new BasicNameValuePair(entry.getKey(), entry.getValue()));
    }
    UrlEncodedFormEntity entity = new UrlEncodedFormEntity(formparams, encode);
    HttpPost httppost = new HttpPost(path);
    httppost.setEntity(entity);
    //看作是浏览器
    HttpClient httpclient = new DefaultHttpClient();
    //发送post请求
    HttpResponse response = httpclient.execute(httppost);
    return readStream(response.getEntity().getContent());
  }
  /**
   * 发送请求
   * @param path 请求路径
   * @param params 请求参数 key为参数名称 value为参数值
   * @param encode 请求参数的编码
   */
  public static byte[] post(String path, Map<String, String> params, String encode) throws Exception
  {
    //String params = "method=save&name="+ URLEncoder.encode("老毕", "UTF-8")+ "&age=28&";//需要发送的参数
    StringBuilder parambuilder = new StringBuilder("");
    if(params!=null && !params.isEmpty())
    {
      for(Map.Entry<String, String> entry : params.entrySet())
      {
        parambuilder.append(entry.getKey()).append("=")
          .append(URLEncoder.encode(entry.getValue(), encode)).append("&");
      }
      parambuilder.deleteCharAt(parambuilder.length()-1);
    }
    byte[] data = parambuilder.toString().getBytes();
    URL url = new URL(path);
    HttpURLConnection conn = (HttpURLConnection)url.openConnection();
    //设置允许对外发送请求参数
    conn.setDoOutput(true);
    //设置不进行缓存
    conn.setUseCaches(false);
    conn.setConnectTimeout(5 * 1000);
    conn.setRequestMethod("POST");
    //下面设置http请求头
    conn.setRequestProperty("Accept", "image/gif, image/jpeg, image/pjpeg, image/pjpeg, application/x-shockwave-flash, application/xaml+xml, application/vnd.ms-xpsdocument, application/x-ms-xbap, application/x-ms-application, application/vnd.ms-excel, application/vnd.ms-powerpoint, application/msword, */*");
    conn.setRequestProperty("Accept-Language", "zh-CN");
    conn.setRequestProperty("User-Agent", "Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.2; Trident/4.0; .NET CLR 1.1.4322; .NET CLR 2.0.50727; .NET CLR 3.0.04506.30; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729)");
    conn.setRequestProperty("Content-Type", "application/x-www-form-urlencoded");
    conn.setRequestProperty("Content-Length", String.valueOf(data.length));
    conn.setRequestProperty("Connection", "Keep-Alive");
    //发送参数
    DataOutputStream outStream = new DataOutputStream(conn.getOutputStream());
    outStream.write(data);//把参数发送出去
    outStream.flush();
    outStream.close();
    if(conn.getResponseCode()==200)
    {
      return readStream(conn.getInputStream());
    }
    return null;
  }
  /**
   * 读取流
   * @param inStream
   * @return 字节数组
   * @throws Exception
   */
  public static byte[] readStream(InputStream inStream) throws Exception
  {
    ByteArrayOutputStream outSteam = new ByteArrayOutputStream();
    byte[] buffer = new byte[1024];
    int len = -1;
    while( (len=inStream.read(buffer)) != -1)
    {
      outSteam.write(buffer, 0, len);
    }
    outSteam.close();
    inStream.close();
    return outSteam.toByteArray();
  }
}
public class StreamTool
{
  /**
   * 从输入流读取数据
   * @param inStream
   * @return
   * @throws Exception
   */
  public static byte[] readInputStream(InputStream inStream) throws Exception{
    ByteArrayOutputStream outSteam = new ByteArrayOutputStream();
    byte[] buffer = new byte[1024];
    int len = 0;
    while( (len = inStream.read(buffer)) !=-1 ){
      outSteam.write(buffer, 0, len);
    }
    outSteam.close();
    inStream.close();
    return outSteam.toByteArray();
  }
}
/**
 * 使用JavaBean封装上传文件数据
 *
 */
public class FormFile
{
  //上传文件的数据
  private byte[] data;
  private InputStream inStream;
  private File file;
  //文件名称
  private String filname;
  //请求参数名称
  private String parameterName;
  //内容类型
  private String contentType = "application/octet-stream";
  /**
   * 上传小文件,把文件数据先读入内存
   * @param filname
   * @param data
   * @param parameterName
   * @param contentType
   */
  public FormFile(String filname, byte[] data, String parameterName, String contentType)
  {
    this.data = data;
    this.filname = filname;
    this.parameterName = parameterName;
    if(contentType!=null) this.contentType = contentType;
  }
  /**
   * 上传大文件,一边读文件数据一边上传
   * @param filname
   * @param file
   * @param parameterName
   * @param contentType
   */
  public FormFile(String filname, File file, String parameterName, String contentType)
  {
    this.filname = filname;
    this.parameterName = parameterName;
    this.file = file;
    try
    {
      this.inStream = new FileInputStream(file);
    }
    catch (FileNotFoundException e)
    {
      e.printStackTrace();
    }
    if(contentType!=null) this.contentType = contentType;
  }
  public File getFile()
  {
    return file;
  }
  public InputStream getInStream()
  {
    return inStream;
  }
  public byte[] getData()
  {
    return data;
  }
  public String getFilname()
  {
    return filname;
  }
  public void setFilname(String filname)
  {
    this.filname = filname;
  }
  public String getParameterName()
  {
    return parameterName;
  }
  public void setParameterName(String parameterName)
  {
    this.parameterName = parameterName;
  }
  public String getContentType()
  {
    return contentType;
  }
  public void setContentType(String contentType)
  {
    this.contentType = contentType;
  }
}

更多关于Android相关内容感兴趣的读者可查看本站专题:《Android文件操作技巧汇总》、《Android操作SQLite数据库技巧总结》、《Android操作json格式数据技巧总结》、《Android数据库操作技巧总结》、《Android编程之activity操作技巧总结》、《Android编程开发之SD卡操作方法汇总》、《Android开发入门与进阶教程》、《Android资源操作技巧汇总》、《Android视图View技巧总结》及《Android控件用法总结》

希望本文所述对大家Android程序设计有所帮助。

时间: 2016-07-03

详解HTTP协议(很经典)

引言 HTTP是一个属于应用层的面向对象的协议,由于其简捷.快速的方式,适用于分布式超媒体信息系统.它于1990年提出,经过几年的使用与发展,得到不断地完善和扩展.目前在WWW中使用的是HTTP/1.0的第六版,HTTP/1.1的规范化工作正在进行之中,而且HTTP-NG(Next Generation of HTTP)的建议已经提出. HTTP协议的主要特点可概括如下: 1.支持客户/服务器模式. 2.简单快速:客户向服务器请求服务时,只需传送请求方法和路径.请求方法常用的有GET.HEAD.

http协议详解(超详细)

http协议学习系列             1. 基础概念篇 1.1 介绍 HTTP是Hyper Text Transfer Protocol(超文本传输协议)的缩写.它的发展是万维网协会(World Wide Web Consortium)和Internet工作小组IETF(Internet Engineering Task Force)合作的结果,(他们)最终发布了一系列的RFC,RFC 1945定义了HTTP/1.0版本.其中最著名的就是RFC 2616.RFC 2616定义了今天普遍使

iOS9苹果将原http协议改成了https协议的方法

解决方法: 在info.plist 加入key <key>NSAppTransportSecurity</key> <dict> <key>NSAllowsArbitraryLoads</key> <true/> </dict> 下面给大家介绍ios中http 和https 协议的访问 最近做个项目,开始采用的是HTTP协议实现客户端和服务器端的交互,后来需要改成HTTPS协议.在修改的过程中发现了一些问题,解决方案如下:

Python内置的HTTP协议服务器SimpleHTTPServer使用指南

首先确保装了Python,我装的是2.x版本,对了,我的操作系统是WIN7,其实对于Python来说,什么操作系统并不重要.Python内置了一个简单的HTTP服务器,只需要在命令行下面敲一行命令,一个HTTP服务器就起来了: python -m SimpleHTTPServer 80 后面的80端口是可选的,不填会采用缺省端口8000.注意,这会将当前所在的文件夹设置为默认的Web目录,试着在浏览器敲入本机地址: http://localhost:80 如果当前文件夹有index.html文件

Linux下nginx配置https协议访问的方法

一.配置nginx支持https协议访问,需要在编译安装nginx的时候添加相应的模块--with-http_ssl_module 查看nginx编译参数:/usr/local/nginx/sbin/nginx -V 如下所示: configure arguments: --prefix=/usr/local/nginx --with-google_perftools_module --without-http_memcached_module --user=www --group=www --

Python实现HTTP协议下的文件下载方法总结

本文介绍了几种常用的python下载文件的方法,具体使用到了htttplib2,urllib等包,希望对大家有帮忙. 1.简单文件下载 使用htttplib2,具体代码如下: h = httplib2.Http() url = 'http://www.jb51.net/ip.zip' resp, content = h.request(url) if resp['status'] == '200': with open(filename, 'wb') as f: f.write(content)

PHP中Http协议post请求参数

本文给大家介绍PHP中Http协议post请求参数,具体内容如下所示: WEB开发中信息基本全是在POST与GET请求与响应中进行,GET因其基于URL的直观,易被我们了解,可POST请求因其信息的隐蔽,在安全的同时,也给开发者们模拟发送带来了麻烦.接下来的几篇博文中,我将结合自己的笔记和理解,详细解释PHP进行POST请求的几种方法,如有错误,烦请指正. HTTP协议信息是WEB开发中的一项重要内容,了解它可以帮助我们更深刻地理解BS交互,也有利于我们从更底层理解WEB开发.HTTP协议是一种

全面了解Nginx中的HTTP协议相关模块配置

要理解 HTTP 模块配置解析的过程,首先需要对 nginx 的配置文件结构做一个了解 nginx 的配置文件是用树状结构组织的,每个 NGX_CORE_MODULE 作为根统领着其下的所有配置项 而如下图所示,HTTP 模块的配置被分成了 main.server.location 三层 整个 nginx 配置解析的过程其实就是这棵树的深度遍历过程 而遍历 HTTP 子树的函数就是下面要介绍的 ngx_http_block 配置文件解析 -- http 配置块 当我们需要使用 http 模块的时

如何解决Ajax访问不断变化的session的值不一致以及HTTP协议中的GET、POST的区别

今天在做一个进度条的时候遇到一个问题,我在session里面存放了一个计数器,当爬取到一条数据的时候这个值+1,然后前台每隔3s中获取一次session的这个值,但是问题出来了,在FF下面,得到的值都是正常的,但是在IE下面死活都是之前的值,只有当重新打开页面的时候才能获取到最新的 session值: 下面是我的proBar.jsp的代码: <%@ page language="java" import="java.util.*" pageEncoding=&

使用Android的OkHttp包实现基于HTTP协议的文件上传下载

OkHttp的HTTP连接基础 虽然在使用 OkHttp 发送 HTTP 请求时只需要提供 URL 即可,OkHttp 在实现中需要综合考虑 3 种不同的要素来确定与 HTTP 服务器之间实际建立的 HTTP 连接.这样做的目的是为了达到最佳的性能. 首先第一个考虑的要素是 URL 本身.URL 给出了要访问的资源的路径.比如 URL http://www.baidu.com 所对应的是百度首页的 HTTP 文档.在 URL 中比较重要的部分是访问时使用的模式,即 HTTP 还是 HTTPS.这

Node.js开发教程之基于OnceIO框架实现文件上传和验证功能

OnceIO 是 OnceDoc 企业内容(网盘)的底层Web框架,它可以实现模板文件.静态文件的全缓存,运行起来完全不需要I/O操作,并且支持客户端缓存优化,GZIP压缩等(只在第一次压缩),拥有非常好的性能,为您节约服务器成本.它的模块化功能,可以让你的Web进行分布式存储,即一个扩展包里即包含前端.后端和数据库定义,只需通过添加/删除目录的方式就可实现功能删减,实现真正的模块化扩展.这里是介绍如何使用OnceIO的一系列文章. 在这一章节中,我们将为大家演示如何使用 OnceIO 实现文件

基于Ajax技术实现文件上传带进度条

1.概述 在实际的Web应该开发或网站开发过程中,经常需要实现文件上传的功能.在文件上传过程中,经常需要用户进行长时间的等待,为了让用户及时了解上传进度,可以在上传文件的同时,显示文件的上传进度条.运行本实例,如图1所示,访问文件上传页面,单击"浏览"按钮选择要上传的文件,注意文件不能超过50MB,否则系统将给出错误提示.选择完要上传的文件后,单击"提交"按钮,将会上传文件并显示上传进度. 2.技术要点 主要是应用开源的Common-FileUpload组件来实现分

基于Ajaxupload的多文件上传操作

废话不多说了,直接给大家贴代码了,具体代码如下所示: <pre name="code" class="php"><?php $ele = $_GET['ele']; $file = $_FILES['thumb_'.$ele]; $pathinfo = pathinfo($file['name']); $filedir = 'uploads/' . date('Y'); if (!is_dir($filedir)) { mkdir($filedir

PHP基于session.upload_progress 实现文件上传进度显示功能详解

本文实例讲述了PHP基于session.upload_progress 实现文件上传进度显示功能.分享给大家供大家参考,具体如下: 介绍 session.upload_progress 是PHP5.4的新特征. 当 session.upload_progress.enabled INI 选项开启时,PHP 能够在每一个文件上传时监测上传进度. 这个信息对上传请求自身并没有什么帮助,但在文件上传时应用可以发送一个POST请求到终端(例如通过XHR)来检查这个状态. 当一个上传在处理中,同时POST

基于python实现FTP文件上传与下载操作(ftp&sftp协议)

前言 FTP(File Transfer Protocol)是文件传输协议的简称.用于Internet上的控制文件的双向传输.同时,它也是一个应用程序(Application).用户可以通过它把自己的PC机与世界各地所有运行FTP协议的服务器相连,访问服务器上的大量程序和信息.如果用户需要将文件从自己的计算机上发送到另一台计算机上,可使用FTP上传(upload)或(put)操作,而更多种的情况是用户使用FTP下载(download)或获取(get)操作从FTP服务器上下载文件 在传输文件时我们

基于Spring Mvc实现的Excel文件上传下载示例

最近工作遇到一个需求,需要下载excel模板,编辑后上传解析存储到数据库.因此为了更好的理解公司框架,我就自己先用spring mvc实现了一个样例. 基础框架 之前曾经介绍过一个最简单的spring mvc的项目如何搭建,传送门在这里. 这次就基于这个工程,继续实现上传下载的小例子.需要做下面的事情: 1 增加index.html,添加form提交文件 2 引入commons-fileupload.commons-io.jxl等工具包 3 创建upload download接口 4 注入mul

基于ajax html实现文件上传技巧总结

引语:大家都知道,html中上传文件就一个input,type=file就搞定了.但是,这个标签的样式,实在不值得提点什么,要改动他的样式,恐怕也是较难的.但是其实挺简单,今天就来说说上传文件小技巧吧! 1. 怎样自定义样式? 1).只管按照自己喜欢看到的样式去定义即可,如<a href='javascript:;' class='upload-button'></a>,可以是背景图片效果,可以是文字指示,总之想怎么改怎么改!有了按钮,还需要一个文件名容器,用来存放选择上传文件时的

基于HTML5 Ajax实现文件上传并显示进度条

本文实例讲解了ajax上传文件及进度条的实现方法,分享给大家供大家参考,具体内容如下 效果图: html5上传是同步上传的方式,所以能够实现进度条的显示. 1.上传文件: 首先我们用ajax来取得<input type="file" id="file_upload">的file对象: var file = null; var input = $("#file_upload"); //文件域选择文件时, 执行readFile函数 inp