somefunc

js

addEventListener()

http://blog.csdn.net/vincentblog/article/details/50629091

element.addEventListener(event, function, useCapture)

event 必须。字符串，指定事件名。注意: 不要使用 “on” 前缀。
function 必须。指定要事件触发时执行的函数。
useCapture 可选。布尔值，指定事件是否在捕获或冒泡阶段执行。
可能值: true - 事件句柄在捕获阶段执行 ;false- false- 默认。事件句柄在冒泡阶段执行

jQuery.inArray()

http://www.css88.com/jqapi-1.9/jQuery.inArray/
描述: 在数组中查找指定值并返回它的索引（如果没有找到，则返回-1） jQuery.inArray( value, array [, fromIndex ] )

$.each

遍历数组

FileReader

数据读取（并显示）实例
https://mdn.mozillademos.org/files/3698/image_upload_preview.html
文件拖曳
http://blog.csdn.net/testcs_dn/article/details/8695532

JavaScript可以通过files属性,访问type='file'的元素生成的文件上传域的所有文件，该属性返回一个FileList对象，FileList对象相当于一个数组，开发者可以使用类似于数组的方法来访问该数组内的每个File对象。

加上一个multiple属性，这样这个空间就直接支持多文件上传

<input type="file" id="multifile" multiple size="80"/>

提示：FileReader只是客户端的JavaScript对象，使用FileReader所进行的上传也只是把磁盘上的文件读取到浏览器内存中，并未真正上传到服务器。如果需要真正把客户端文件上传到服务器，则可把文件数据以POST请求方式提交到远程服务器，远程服务器负责接收文件数据，并把数据内容保存到服务器。

Filelist

https://www.cnblogs.com/tianma3798/p/4355949.html

图片上载至后端后返回展示
http://www.jb51.net/article/118660.htm

FormData

FormData类型其实是在XMLHttpRequest 2级定义的，它是为序列化表以及创建与表单格式相同的数据（当然是用于XHR传输）提供便利。

利用FormData对象,我们可以通过JavaScript用一些键值对来模拟一系列表单控件,我们还可以使用XMLHttpRequest的send()方法来异步的提交这个"表单".比起普通的ajax,使用FormData的最大优点就是我们可以异步上传一个二进制文件.

https://developer.mozilla.org/zh-CN/docs/Web/API/FormData/Using_FormData_Objects
https://segmentfault.com/a/1190000006716454

ajax

https://www.cnblogs.com/xiaohuochai/p/6036475.html
ajax是asynchronous javascript and XML的简写，中文翻译是异步的javascript和XML，这一技术能够向服务器请求额外的数据而无须卸载页面，会带来更好的用户体验。虽然名字中包含XML，但ajax通信与数据格式无关

ajax包括以下几步骤：1、创建AJAX对象；2、发出HTTP请求；3、接收服务器传回的数据；4、更新网页数据

概括起来，就是一句话，ajax通过原生的XMLHttpRequest对象发出HTTP请求，得到服务器返回的数据后，再进行处理

formdata+ajax实例

html

<form id= "uploadForm">  
      <p >上传文件： <input type="file" name="file"/></ p>  
      <input type="button" value="上传" onclick="doUpload()" />  
</form> 

js

function doUpload() {  
     var formData = new FormData($( "#uploadForm" )[0]); 
   $.ajax({  
     url : "",  //server script
     type : "POST",  
     data: formData,  
     async: false,  
     cache: false,  
     contentType: false,  
     processData: false,  
     success: function (returndata) {  
              alert(returndata);  
          },  
     error: function (returndata) {  
              alert(returndata);  
          }     
});  
}

http://yunzhu.iteye.com/blog/2177923

http://blog.okbase.net/jquery2000/archive/774.html

浏览器默认样式(user agent stylesheet)+cssreset

https://www.cnblogs.com/starof/p/4462355.html

inputfile 按钮美化

http://www.haorooms.com/post/css_input_uploadmh