支持多文件上传，预览，拖拽的基于bootstrap的上传插件fileinput

参考：

http://www.cnblogs.com/landeanfen/p/5007400.html   一篇详细的包括后台C#的文章

http://plugins.krajee.com/file-input       官网

http://blog.csdn.net/sangjinchao/article/details/52250234  某个博主写的博客用了php看起来较简单

引入这么多看起来都很费劲。那么如果我们想要最精简的，只需要引入下面的

html代码

enctype="multipart/form-data">       //enctype属性规定在发送到服务器之前应该如何对表单数据进行编码。multipart/form-data不对字符编码。在使用包含文件上传控件的表单时，必须使用该值。

　　

js代码

$("#file-1").fileinput({
　　uploadUrl: '', // 必须设置个路径进入php代码部分
　　allowedFileExtensions : ['jpg', 'png','gif','txt','zip','ico','jpeg','js','css','Java','mp3','mp4','doc','docx'],//允许的文件类型
　　overwriteInitial: false,
　　maxFileSize: 1500,//文件的最大大小 单位是k
　　maxFilesNum: 10,//最多文件数量
　　// allowedFileTypes: ['image', 'video', 'flash'],
　　slugCallback: function(filename) {
　　　　return filename;
　　}
});

php代码

$file=$_FILES['file'];//获取上称文件的信息，数组形式

$date['file_name'] = $file['name'];//文件的名称
$date['file_size'] = $file['size'];//文件的大小
$date['file_type'] = $file['type'];//文件的类型

然后进行上传，用ajax返回一个错误信息或者成功信息

直接用echo返回也行