jQuery File Upload_jQuery异步可预览图片上传
2014-06-18 16:46:25  By: dwtedx

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

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

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

jQuery File Upload dome

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


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

若资源对你有帮助、浏览后有很大收获、不妨小额打赏我一下、你的鼓励是维持我不断写博客最大动力

想获取DD博客最新代码、你可以扫描下方的二维码、关注DD博客微信公众号(ddblogs)

或者你也可以关注我的新浪微博、了解DD博客的最新动态:DD博客官方微博(dwtedx的微博)

如对资源有任何疑问或觉得仍然有很大的改善空间、可以对该博文进行评论、希望不吝赐教

为保证及时回复、可以使用博客留言板给我留言: DD博客留言板(dwtedx的留言板)

感谢你的访问、祝你生活愉快、工作顺心、欢迎常来逛逛


快速评论


技术评论

    • 我脸上有花儿 2015-06-08 10:25:06  7 评  | 回复

      你好 我在使用jquery.fileupload 有个add的函数里的data.submit();在ie8下没有反应 图片没有上传上去;在其他浏览是可以的。。求教


    • dwtedx 2014-05-30 15:55:38  4 评  | 回复

      @591009023@qq.com:哥们、PHP里面 $_POST 是取数据的、你如果要获取文件的话、应该用 $_FILES["file"]、这个函数才行哦、Form 的 Action 如果不能指向的话 你试试 main.js 里面的那个 url


    • 591009023@qq.com 2014-05-30 15:49:58  3 评  | 回复

      这个插件下下来要本地测试,要修改哪些文件啊?官网的英文文档看的头疼。里面的Form表单的action指定了一个调教页面,我用PHP的$_post是空的。请教怎么弄


    • 416619876@qq.com 2014-05-28 17:27:55  1 评  | 回复

      我只能说,。有龙,你这广告打得有点远。我居然在别人帖子里看到你的广告。= =/


DD记账
top
+