简单HTML5移动端（客户端）图片上传

上传我们一般使用“input[type=file]”控件。当你使用这个控件时，你授权网页和服务器访问相应的文件，你可以得到File对象。1.accept属性该属性表示服务器端可接受的文件类型，可以限制手机端相关文件的选择。如果有多个限制，可以用逗号分隔。以下代码表示只能选择图片和音频相关的文件2.change事件一般选择文件都会用到“change”事件。下面代码绑定change事件，弹出文件大小varupload=document.getElementById('upload');upload.addEventListener('change',function(){varfile=upload.files[0]；警报（文件大小）；}，假）；有的手机浏览器点击，会弹出键盘选择，我用onfocus="this.blur()"强制失去焦点3.文件对象用户选中的文件都存储在一个FileList对象中，每个文件对应一个File对象。File对象负责处理以文件形式存在的二进制数据，即操作本地文件。File对象是Blob的一种特殊类型，即大块二进制数据，File对象的大小、类型等属性继承自BlobFile对象，可以通过三种方式获取。在元素上选择文件后返回的FileList对象中的成员是通过拖拽生成的[DragorDrop]成员document.getElementById('upload').files[0]//选择第一个文件对象DataTransfer对象的files属性4.formData使用FormData对象，可以使用键值对模拟一个完整的表单，然后使用XMLHttpRequest使用FormData发送这个“表单”最大的好处是我们可以上传一个二进制文件异步文件varformData=newFormData();formData.append("name","value");//普通键值对formData.append("blob",blob);//传递一个blobobjectformData.append("文件",文件);//传递一个文件对象varoReq=newXMLHttpRequest();oReq.open("POST","http://xx.com");oReq.send(formData);