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 相关文章推荐
用于判断用户注册时,密码强度的JS代码
Jan 01 Javascript
flash调用js中的方法,让js传递变量给flash的办法及思路
Aug 07 Javascript
jQuery浏览器CSS3特写兼容实例
Jan 19 Javascript
分享两个手机访问pc网站自动跳转手机端网站代码
Dec 24 Javascript
JS未跨域操作iframe里的DOM
Jun 01 Javascript
JavaScript新增样式规则(推荐)
Jul 19 Javascript
Angular2数据绑定详解
Apr 18 Javascript
AngularJs 常用的过滤器
May 15 Javascript
JavaScript基础之流程控制语句的用法
Aug 31 Javascript
JavaScript插入排序算法原理与实现方法示例
Aug 06 Javascript
react组件从搭建脚手架到在npm发布的步骤实现
Jan 09 Javascript
基于element-ui封装可搜索的懒加载tree组件的实现
May 22 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
探讨如何把session存入数据库
2013/06/07 PHP
php计算税后工资的方法
2015/07/28 PHP
smarty中改进truncate使其支持中文的方法
2016/05/30 PHP
PHP使用php-resque库配合Redis实现MQ消息队列的教程
2016/06/29 PHP
PHP实现微信小程序用户授权的工具类示例
2019/03/05 PHP
用php定义一个数组最简单的方法
2019/10/04 PHP
php把文件设置为插件的技巧方法
2020/02/03 PHP
左侧是表头的JS表格控件(自写,网上没有的)
2013/06/04 Javascript
jquery中邮箱地址 URL网站地址正则验证实例代码
2013/09/15 Javascript
js父页面与子页面不同时显示的方法
2014/10/16 Javascript
jQuery中detach()方法用法实例
2014/12/25 Javascript
Js实现无刷新删除内容
2015/04/29 Javascript
Angular.JS中指令ng-if的注意事项小结
2017/06/21 Javascript
利用Console来Debug的10个高级技巧汇总
2018/03/26 Javascript
详解vue使用vue-layer-mobile组件实现toast,loading效果
2018/08/31 Javascript
Three.js中矩阵和向量的使用教程
2019/03/19 Javascript
layer 关闭指定弹出层的例子
2019/09/25 Javascript
jQuery实现简单弹幕效果
2019/11/28 jQuery
js实现内置计时器
2019/12/16 Javascript
[01:42]TI4西雅图DOTA2前线报道 第一顿早饭哦
2014/07/08 DOTA
[59:30]VG vs LGD 2019国际邀请赛淘汰赛 胜者组 BO3 第二场 8.22
2019/09/05 DOTA
python实用代码片段收集贴
2015/06/03 Python
Python实现的下载网页源码功能示例
2017/06/13 Python
Python unittest 简单实现参数化的方法
2018/11/30 Python
python使用socket 先读取长度,在读取报文内容示例
2019/09/26 Python
python递归函数求n的阶乘,优缺点及递归次数设置方式
2020/04/02 Python
Python如何在循环内使用list.remove()
2020/06/01 Python
瀑布模型都有哪些优缺点
2014/06/23 面试题
《社戏》教学反思
2014/04/15 职场文书
医疗器械售后服务承诺书
2014/05/21 职场文书
满月酒邀请函
2015/01/30 职场文书
家长会主持词开场白
2015/05/29 职场文书
安全教育主题班会总结
2015/08/14 职场文书
校运会班级霸气口号
2015/12/24 职场文书
Python列表的索引与切片
2022/04/07 Python
Vue Element plus使用方法梳理
2022/12/24 Vue.js