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键盘
May 02 Javascript
Jquery图形报表插件 jqplot简介及参数详解
Oct 10 Javascript
使用jquery实现IE下按backspace相当于返回操作
Mar 18 Javascript
Javascript中的delete操作符详细介绍
Jun 06 Javascript
JavaScript中使用Math.floor()方法对数字取整
Jun 15 Javascript
Javascript实现网络监测的方法
Jul 31 Javascript
1秒50万字!js实现关键词匹配
Aug 01 Javascript
jquery编写日期选择器
Mar 16 Javascript
js如何编写简单的ajax方法库
Aug 02 Javascript
AngularJs1.x自定义指令独立作用域的函数传入参数方法
Oct 09 Javascript
简述Vue中容易被忽视的知识点
Dec 09 Javascript
vue-cli4项目开启eslint保存时自动格式问题
Jul 13 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 闭包特性在实际应用中的问题
2009/10/30 PHP
php设置session值和cookies的学习示例
2014/03/21 PHP
Jquery 组合form元素为json格式,asp.net反序列化
2009/07/09 Javascript
关于IE、Firefox、Opera页面呈现异同 写脚本很痛苦
2009/08/28 Javascript
JSQL SQLProxy 的 php 版本代码
2010/05/05 Javascript
javascript游戏开发之《三国志曹操传》零部件开发(五)可移动地图的实现
2013/01/23 Javascript
javascript中sort()的用法实例分析
2015/01/30 Javascript
js实现iframe自动自适应高度的方法
2015/02/17 Javascript
原生js制作日历控件实例分享
2016/04/06 Javascript
详解基于vue-router的动态权限控制实现方案
2017/09/28 Javascript
jQuery实现的简单手风琴效果示例
2018/08/29 jQuery
jquery.param()实现数组或对象的序列化方法
2018/10/08 jQuery
javascript中floor使用方法总结
2019/02/02 Javascript
3分钟了解vue数据劫持的原理实现
2019/05/01 Javascript
vuejs数据超出单行显示更多,点击展开剩余数据实例
2019/05/05 Javascript
教你使用vue-cli快速构建的小说阅读器
2019/05/13 Javascript
Vue实现Layui的集成方法步骤
2020/04/10 Javascript
JS变量提升及函数提升实例解析
2020/09/03 Javascript
JavaScript缓动动画函数的封装方法
2020/11/25 Javascript
Python简单调用MySQL存储过程并获得返回值的方法
2015/07/20 Python
Python中使用urllib2模块编写爬虫的简单上手示例
2016/01/20 Python
django 通过ajax完成邮箱用户注册、激活账号的方法
2018/04/17 Python
Python中pandas模块DataFrame创建方法示例
2018/06/20 Python
Python爬虫文件下载图文教程
2018/12/23 Python
python实现微信机器人: 登录微信、消息接收、自动回复功能
2019/04/29 Python
基于Python实现大文件分割和命名脚本过程解析
2019/09/29 Python
Python Django view 两种return的实现方式
2020/03/16 Python
CSS3实现swap交换动画
2016/01/19 HTML / CSS
业务代表的岗位职责
2013/11/16 职场文书
酒店执行总经理岗位职责
2013/12/15 职场文书
迟到检讨书400字
2014/01/13 职场文书
安全宣传标语口号
2014/06/06 职场文书
企业法律事务工作总结
2015/08/11 职场文书
2016教师廉洁从教心得体会
2016/01/13 职场文书
小学英语课教学反思
2016/02/15 职场文书
2019朋友新婚祝福语精选
2019/10/10 职场文书