javascript拖拽上传类库DropzoneJS使用方法


Posted in Javascript onDecember 05, 2013

用法

1. add js and css style

<link href="~/Dropzone/css/basic.css" rel="stylesheet" /> 
<link href="~/Dropzone/css/dropzone.css" rel="stylesheet" /> 
<script src="~/Dropzone/dropzone.min.js"></script>

2. post  data

<form action="~/Home/SaveUploadedFile" method="post" 
    enctype="multipart/form-data" class="dropzone" 
    id="dropzoneForm">
</form>

3.handling Server Response

<script type="text/javascript">
    Dropzone.options.dropzoneForm = {
        init: function () {
            this.on("complete", function (data) {                
                var res = eval('(' + data.xhr.responseText + ')');
                alert(res.Message);
            });
        }
    };
</script>

4.支持较旧的浏览器.same  ie6

Javascript 相关文章推荐
jquery数据验证插件(自制,简单,练手)实例代码
Oct 24 Javascript
JavaScript修改css样式style动态改变元素样式
Dec 16 Javascript
jquery选择器原理介绍($()使用方法)
Mar 25 Javascript
使用JavaScript进行进制转换将字符串转换为十进制
Sep 21 Javascript
jQuery插件实现大图全屏图片相册
Mar 14 Javascript
js跨域请求的5中解决方式
Jul 02 Javascript
jQuery 获取多选框的值及多选框中文的函数
May 16 Javascript
jQuery Easyui快速入门教程
Aug 21 Javascript
JS实现页面跳转参数不丢失的方法
Nov 28 Javascript
通过js控制时间,一秒一秒自己动的实例
Oct 25 Javascript
es6函数之严格模式用法实例分析
Mar 17 Javascript
详解Vue.js 可拖放文本框组件的使用
Mar 03 Vue.js
jquery上传插件fineuploader上传文件使用方法(jquery图片上传插件)
Dec 05 #Javascript
JS获取html对象的几种方式介绍
Dec 05 #Javascript
JS获取URL中的参数数据
Dec 05 #Javascript
jquery插件tooltipv顶部淡入淡出效果使用示例
Dec 05 #Javascript
浅谈JavaScript函数参数的可修改性问题
Dec 05 #Javascript
浅析JavaScript中的隐式类型转换
Dec 05 #Javascript
浅析JavaScript中两种类型的全局对象/函数
Dec 05 #Javascript
You might like
深入for,while,foreach遍历时间比较的详解
2013/06/08 PHP
PHP计算2点经纬度之间的距离代码
2013/08/12 PHP
php编程中echo用逗号和用点号连接的区别
2016/03/26 PHP
javascript实现unicode和字符的互相转换
2007/07/18 Javascript
JQuery index()方法使用代码
2010/06/02 Javascript
jQuery插件的写法分享
2013/06/12 Javascript
使用apply方法实现javascript中的对象继承
2013/12/16 Javascript
JavaScript实现存储HTML字符串示例
2014/04/21 Javascript
JS逆序遍历实现代码
2014/12/02 Javascript
jQuery oLoader实现的加载图片和页面效果
2015/03/14 Javascript
js实现按钮颜色渐变动画效果
2015/08/20 Javascript
微信js-sdk分享功能接口常用逻辑封装示例
2016/10/13 Javascript
使用JS读取XML文件的方法
2016/11/25 Javascript
Zepto实现密码的隐藏/显示
2017/04/07 Javascript
react-router中的属性详解
2017/06/01 Javascript
详解如何在vue项目中使用lodop打印插件
2018/09/27 Javascript
详解如何在vscode里面调试js和node.js的方法步骤
2018/12/24 Javascript
如何用webpack4.0撸单页/多页脚手架 (jquery, react, vue, typescript)
2019/06/18 jQuery
vue+element获取el-table某行的下标,根据下标操作数组对象方式
2020/08/07 Javascript
[01:04:01]2014 DOTA2华西杯精英邀请赛5 24 DK VS VG
2014/05/25 DOTA
[00:32]2018DOTA2亚洲邀请赛VG出场
2018/04/03 DOTA
详解Python中的Cookie模块使用
2015/07/06 Python
python 数据清洗之数据合并、转换、过滤、排序
2017/02/12 Python
Python将多份excel表格整理成一份表格
2018/01/03 Python
python3 中文乱码与默认编码格式设定方法
2018/10/31 Python
Python中GeoJson和bokeh-1的使用讲解
2019/01/03 Python
python基于property()函数定义属性
2020/01/22 Python
Python描述数据结构学习之哈夫曼树篇
2020/09/07 Python
浅谈HTML5 服务器推送事件(Server-sent Events)
2017/08/01 HTML / CSS
美国著名的婴儿学步鞋老品牌:Robeez
2016/08/20 全球购物
世界上最全面的汽车零部件和配件集合:JC Whitney
2016/09/04 全球购物
公司新员工的演讲稿注意事项
2014/01/01 职场文书
报考公务员诚信承诺书
2014/08/29 职场文书
解析Redis Cluster原理
2021/06/21 Redis
numpy array找出符合条件的数并赋值的示例代码
2022/06/01 Python
windows server2012 R2下安装PaddleOCR服务的的详细步骤
2022/09/23 Servers