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 相关文章推荐
5个可以帮你理解JavaScript核心闭包和作用域的小例子
Oct 08 Javascript
node.js中的buffer.Buffer.isBuffer方法使用说明
Dec 14 Javascript
js对象基础实例分析
Jan 13 Javascript
JS实现页面超时后自动跳转到登陆页面
Jan 19 Javascript
js实现缓冲运动效果的方法
Apr 10 Javascript
Jquery ajax加载等待执行结束再继续执行下面代码操作
Nov 24 Javascript
原生JavaScript实现滚动条效果
Mar 24 Javascript
JavaScript提升性能的常用技巧总结【经典】
Jun 20 Javascript
简单实现JavaScript图片切换效果
Nov 28 Javascript
利用Mongoose让JSON数据直接插入或更新到MongoDB
May 03 Javascript
javascript实现简易的计算器
Jan 17 Javascript
解决antd 下拉框 input [defaultValue] 的值的问题
Oct 31 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中ob_start()函数的用法
2013/06/24 PHP
使用ThinkPHP+Uploadify实现图片上传功能
2014/06/26 PHP
PHP+Memcache实现wordpress访问总数统计(非插件)
2014/07/04 PHP
php导入模块文件分享
2015/03/17 PHP
php获取网页里所有图片并存入数组的方法
2015/04/06 PHP
PHP实现支付宝即时到账功能
2016/12/21 PHP
php解决安全问题的方法实例
2019/09/19 PHP
HTML页面,测试JS对C函数的调用简单实例
2016/08/09 Javascript
JavaScript“尽快失败”的原则实例详解
2016/10/08 Javascript
纯原生js实现table表格的增删
2017/01/05 Javascript
前端分页功能的实现以及原理(jQuery)
2017/01/22 Javascript
JS常用倒计时代码实例总结
2017/02/07 Javascript
动态加载、移除js/css文件的示例代码
2018/03/20 Javascript
vue响应式系统之observe、watcher、dep的源码解析
2019/04/09 Javascript
微信小程序+云开发实现欢迎登录注册
2019/05/24 Javascript
nodejs对项目下所有空文件夹创建gitkeep的方法
2019/08/02 NodeJs
JavaScript字符串处理常见操作方法小结
2019/11/15 Javascript
Python单体模式的几种常见实现方法详解
2017/07/28 Python
Python实现字符串与数组相互转换功能示例
2017/09/22 Python
python 如何去除字符串头尾的多余符号
2019/11/19 Python
pytorch 中forward 的用法与解释说明
2021/02/26 Python
canvas粒子动画背景的实现示例
2018/09/03 HTML / CSS
HTML5本地存储之Web Storage应用介绍
2013/01/06 HTML / CSS
浅析HTML5中的download属性使用
2019/03/13 HTML / CSS
意大利比基尼品牌:MISS BIKINI
2019/11/02 全球购物
Herschel美国官网:背包、手提袋及配件
2020/03/10 全球购物
一道SQL面试题
2012/12/31 面试题
Servlet如何得到服务器的信息
2015/12/22 面试题
应届生会计电算化求职信
2013/10/03 职场文书
《美丽的公鸡》教学反思
2014/02/25 职场文书
音乐幼师求职信
2014/07/09 职场文书
聘用意向书
2014/07/29 职场文书
八荣八耻演讲稿
2014/09/15 职场文书
维稳承诺书
2015/01/20 职场文书
JavaScript实现登录窗体
2021/06/22 Javascript
mysql定时自动备份数据库的方法步骤
2021/07/07 MySQL