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 相关文章推荐
去除链接虚线全面分析总结
Aug 15 Javascript
获取任意Html元素与body之间的偏移距离 offsetTop、offsetLeft (For:IE5+ FF1 )[
Dec 22 Javascript
jQuery Ajax 实例全解析
Apr 20 Javascript
js动态加载以及确定加载完成的代码
Jul 31 Javascript
JavaScript SetInterval与setTimeout使用方法详解
Nov 15 Javascript
用JavaScript实现页面重定向功能的教程
Jun 04 Javascript
CKEditor无法验证的解决方案(js验证+jQuery Validate验证)
May 09 Javascript
JS使用cookie设置样式的方法
Jun 30 Javascript
浅谈Angularjs link和compile的使用区别
Oct 21 Javascript
原生js实现可拖动的登录框效果
Jan 21 Javascript
基于vue 开发中出现警告问题去除方法
Jan 25 Javascript
layer.close()关闭进度条和Iframe窗的方法
Aug 17 Javascript
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
php UTF8 文件的签名问题
2009/10/30 PHP
php中取得URL的根域名的代码
2011/03/23 PHP
PHP实现的交通银行网银在线支付接口ECSHOP插件和使用例子
2014/05/10 PHP
非常经典的PHP文件上传类分享
2016/05/15 PHP
浅析php静态方法与非静态方法的用法区别
2016/05/17 PHP
精解window.setTimeout()&amp;window.setInterval()使用方式与参数传递问题!
2007/11/23 Javascript
Javascript的时间戳和php的时间戳转换注意事项
2013/04/12 Javascript
JavaScript调试技巧之console.log()详解
2014/03/19 Javascript
node.js中的path.join方法使用说明
2014/12/08 Javascript
学习JavaScript设计模式(继承)
2015/11/26 Javascript
javascript轮播图算法
2016/10/21 Javascript
利用js来实现缩略语列表、文献来源链接和快捷键列表
2016/12/16 Javascript
解决Angular.Js与Django标签冲突的方案
2016/12/20 Javascript
Web开发使用Angular实现用户密码强度判别的方法
2017/09/27 Javascript
浅谈Vue SSR 的 Cookies 问题
2017/11/20 Javascript
详解Vue + Vuex 如何使用 vm.$nextTick
2017/11/20 Javascript
[01:04:39]OG vs Mineski 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/18 DOTA
python 控制语句
2011/11/03 Python
全面解析Python的While循环语句的使用方法
2015/10/13 Python
python脚本实现数据导出excel格式的简单方法(推荐)
2016/12/30 Python
将python代码和注释分离的方法
2018/04/21 Python
Python split() 函数拆分字符串将字符串转化为列的方法
2019/07/16 Python
Python中IP地址处理IPy模块的方法
2019/08/16 Python
python3的数据类型及数据类型转换实例详解
2019/08/20 Python
关于Python 常用获取元素 Driver 总结
2019/11/24 Python
在python中求分布函数相关的包实例
2020/04/15 Python
使用PyCharm官方中文语言包汉化PyCharm
2020/11/18 Python
python 简单的调用有道翻译
2020/11/25 Python
Python wordcloud库安装方法总结
2020/12/31 Python
美国独家设计师眼镜在线光学商店:Glasses Gallery
2017/12/28 全球购物
一些Solaris面试题
2015/12/22 面试题
专科文秘应届生求职信
2013/11/18 职场文书
入职担保书怎么写
2014/05/12 职场文书
2015年女生节活动总结
2015/02/27 职场文书
公司老总年会致辞
2015/07/30 职场文书
Python Matplotlib绘制动画的代码详解
2022/05/30 Python