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 相关文章推荐
Textarea与懒惰渲染实现代码
Jan 04 Javascript
js实现页面转发功能示例代码
Aug 05 Javascript
更快的异步执行(setTimeout多浏览器)
Aug 12 Javascript
深入理解JavaScript编程中的同步与异步机制
Jun 24 Javascript
jQuery 1.9.1源码分析系列(十四)之常用jQuery工具
Dec 02 Javascript
EasyUi combotree 实现动态加载树节点
Apr 01 Javascript
JavaScript动态生成二维码图片
Apr 20 Javascript
js将json格式的对象拼接成复杂的url参数方法
May 25 Javascript
JS实现对中文字符串进行utf-8的Base64编码的方法(使其与Java编码相同)
Jun 21 Javascript
Vue核心概念Getter的使用方法
Jan 18 Javascript
vue组件定义,全局、局部组件,配合模板及动态组件功能示例
Mar 19 Javascript
jquery实现直播弹幕效果
Nov 28 jQuery
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 访问oracle 存储过程实例详解
2017/01/08 PHP
PHP简单实现循环链表功能示例
2017/11/10 PHP
laravel框架模型、视图与控制器简单操作示例
2019/10/10 PHP
详解Laravel设置多态关系模型别名的方式
2019/10/17 PHP
img onload事件绑定各浏览器均可执行
2012/12/19 Javascript
深入理解JavaScript系列(31):设计模式之代理模式详解
2015/03/03 Javascript
javascript实现dom动态创建省市纵向列表菜单的方法
2015/05/14 Javascript
jquery实现点击label的同时触发文本框点击事件的方法
2015/06/05 Javascript
jQuery实现向下滑出的二级菜单效果实例
2015/08/22 Javascript
jQuery.extend 函数及用法详细
2015/09/06 Javascript
原生js实现可爱糖果数字时间特效
2016/12/30 Javascript
js中new一个对象的过程
2017/02/20 Javascript
JS实现列表页面隔行变色效果
2017/03/25 Javascript
JS解析url查询参数的简单代码
2017/08/06 Javascript
微信小程序实现根据字母选择城市功能
2017/08/16 Javascript
jQuery中 DOM节点操作方法大全
2017/10/12 jQuery
js操作二进制数据方法
2018/03/03 Javascript
JavaScript中arguments和this对象用法分析
2018/08/08 Javascript
Vue 技巧之控制父类的 slot
2020/02/24 Javascript
微信小程序仿抖音短视频切换效果的实例代码
2020/06/24 Javascript
JS中的变量作用域(console版)
2020/07/18 Javascript
[44:47]Ti4 循环赛第三日 iG vs NaVi
2014/07/12 DOTA
[01:55]《走出家门看比赛》——DOTA2 2015国际邀请赛同城线下观战
2015/07/18 DOTA
numba提升python运行速度的实例方法
2021/01/25 Python
ProBikeKit英国:在线公路自行车之家
2017/02/10 全球购物
elf彩妆英国官网:e.l.f. Cosmetics英国(美国平价彩妆品牌)
2017/11/02 全球购物
Senreve官网:美国旧金山的奢侈手袋品牌
2019/03/21 全球购物
美国基督教约会网站:ChristianCafe.com
2020/02/04 全球购物
Orlebar Brown官网:设计师泳裤和泳装
2020/12/08 全球购物
电气工程及其自动化自我评价四篇
2013/09/24 职场文书
校园门卫岗位职责
2013/12/09 职场文书
医疗纠纷协议书
2014/04/16 职场文书
授权委托书协议书
2014/10/16 职场文书
三峡人家导游词
2015/01/31 职场文书
外贸业务员岗位职责
2015/02/13 职场文书
nginx配置指令之server_name的具体使用
2022/08/14 Servers