jQuery File Upload_jQuery异步可预览图片上传

jQuery File Upload 是一个Jquery图片上传组件

支持多文件上传、取消、删除，上传前缩略图预览

列表显示图片大小，支持上传进度条显示；支持各种动态语言开发的服务器端。

接下来大概给大家说明一下怎么使用该控件、大概为以下几个步骤

1.把所有的js、和css全部加到项目里面去、如果有想只加部分js的朋友可以试着删除一些

2.修改 form 的 action 目的是为了让你打开页面的时候把已经上传到服务器的图片加载出来

<form id="fileupload" action="你的服务器地址" method="POST"  enctype="multipart/form-data">

</form>

3.修改 main.js 的链接地址、这里的修改是为上上传图片的时候能够上传你的服务器上面去

$(´#fileupload´).fileupload({
        // Uncomment the following to send cross-domain cookies:
        //xhrFields: {withCredentials: true},
        url: ´你的服务器地址´
 });

4.服务器后台图片接收、这里需要注意的是、该控件是支持多图片上传的、所以你在后台做处理的时候一定要注意

我用这个控件是的 .net 的环境下使用的、有需要的朋友、我可以发给你

如果有使用 php 或者 java 的都可以到官网去下载、是有相应的后台处理程序的

其实自己写一个处理程序也不是很难、想保证效率的可以考虑自己写哦

如果有哥们看了 例子 还不明白，可以留言给我

留言板:http://www.dwtedx.com/message_1.html

DEMO:http://blueimp.github.io/jQuery-File-Upload/

2014-09-01更新源代码下载地址

最近有朋友给我留言说希望能够分享一下源代码、为了方便更多的朋友

我就直接把.NET MVC的源代码分享给大家

下面是源代码下载链接: http://dwtedx.com/download.html?bdkey=s/1jGj3upo 密码: n5w9