可以通过拖拽上传文件的javascrip
2012-10-08 21:56
239 查看
Introduction
File upload form element has been available for ages, for all the frontend developer, the file upload form element can cause headache because it's very hard to reskin, and it only has the most basic feature - file selection. Now, we have AJAX based file uploader which able to provide instant feedback, file type restriction and some other great feature such as the drag and drop capability of HTML5.We have found 7 Javascript Ajax File upload plugins and most of them come with these basic features:
Multiple File Uploads
Drag and Drop
Real-time progress indicators
Custom upload restriction
jQuery File Upload
File Upload widget with multiple file selection, drag&drop support, progress bars and preview images for jQuery. Supports cross-domain, chunked and resumable file uploads and client-side image resizing. Works with any server-side platform (PHP, Python, Ruby on Rails, Java, Node.js, Go etc.) that supports standard HTML form file uploads.
Pixelcone Fileuploader
jQuery fileuploader uses html5 api which support ajax upload and drag and drop, and fallback to iframe upload for legacy browsers. It creates multiple forms to process multiple uploads. Each form can be processed by single upload script.
Ajax Upload
This plugin uses XHR for uploading multiple files with progress-bar in FF3.6+, Safari4+, Chrome and falls back to hidden iframe based upload in other browsers, providing good user experience everywhere. It supports drag & drop also.
Plupload
The developers of TinyMCE brings you Plupload, a highly usable upload handler for your Content Management Systems or similar. It supports chunking, drag & drop, image resize, file size restriction, upload progress and etc.
Uploadify
Uploadify™ is a jQuery plugin that allows you to easily add multiple file upload functionality to your website. Two distinct versions (HTML5 and Flash) allow you the flexiblity to choose the right implementation for your site and fallback methods make it degrade gracefully. It supports multiple file uploads, drag and drop, real-time progress indicators and a lot of customization.
Ajax File Upload
This AjaxFileUpload Plugin is a hacked version of Ajaxupload plugin created by yvind Saltvik, which is really good enought for normal use. Its idea is to create a iframe and submit the specified form to it for further processing. In this hacked version, it submits the specified file type of input element only rather than an entire form. Unlike the rest, this version is a bit dated and won't have HTML5 feature.
jQuery FileDropjQuery filedrop uses the HTML5 File API to allow users to drag multiple files from desktop to the browser, uploading each file to a user-specified URL. filedrop uses HTML5 FileReader() to read file data.
http://www.queness.com/post/11434/7-javascript-ajax-file-upload-plugins
相关文章推荐
- 通过FTP软件树莓派(Raspberry Pi 3)可以和电脑上传或者下载文件
- javascript构造可以上传文件的form表单(通过js修改enctype)
- javascript构造可以上传文件的form表单(通过js修改enctype) 推荐
- 通过FTP服务端来实现匿名用户和基本用户的访问,可以实现文件上传和下载。通过web网站来浏览内容
- PHP可以通过什么组件上传大文件
- javascript构造可以上传文件的form表单(通过js修改enctype)
- Vue通过操作Dom元素 实现 拖拽文件到网页进行文件上传【JS/JQ 原理也是一样的】
- .net大文件上传报错问题,可以通过设置iis的文件大小和config的大小
- 上传文件至FTP---通过FileUtils.writeByteArrayToFile()方法
- HTML5文件实现拖拽上传
- 通过Ajax方式上传文件,使用FormData进行Ajax请求
- 4.通过ipfs-api上传文件到ipfs
- ftp+nginx搭建图片服务器,上传FTP文件可以传到服务器上,但是文件大小是0字节的 而且点击按钮后程序会卡死
- 通过jQuery Ajax使用FormData对象上传文件
- SwfUpload vs里运行可以上传文件,放到iis上上传就报404错误。
- 解决 struts2上传的excel2007文件,在用poi处理时通过new XSSFWorkbook(inputStream)出错
- 无网络条件下通过vmware tools下载、上传文件
- JavaScript实现拖拽预览,AJAX小文件上传
- JavaScript实现拖拽预览,AJAX小文件上传
- (11)通过表单上传文件