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 相关文章推荐
javascript 动态数据下的锚点错位问题解决方法
Dec 24 Javascript
jquery.pagination.js 无刷新分页实现步骤分享
May 23 Javascript
js控制web打印(局部打印)方法整理
May 29 Javascript
用javascript删除当前行,添加行(示例代码)
Nov 25 Javascript
jquery中常用的函数和属性详细解析
Mar 07 Javascript
浅析Node在构建超媒体API中的作用
Jul 30 Javascript
网页中右键功能的实现方法之contextMenu的使用
Feb 20 Javascript
原生js实现放大镜特效
Mar 08 Javascript
angularjs2 ng2 密码隐藏显示的实例代码
Aug 01 Javascript
js实现省市级联效果分享
Aug 10 Javascript
原生JavaScript实现todolist功能
Mar 02 Javascript
世界上最短的数字判断js代码
Sep 09 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中的登陆login
2007/01/18 PHP
php下目前为目最全的CURL中文说明
2010/08/01 PHP
Yii框架中 find findAll 查找出制定的字段的方法对比
2014/09/10 PHP
Zend Framework教程之Resource Autoloading用法实例
2016/03/08 PHP
基于jQuery的固定表格头部的代码(IE6,7,8测试通过)
2010/05/18 Javascript
利用jQuery操作对象数组的实现代码
2011/04/27 Javascript
js判断客户端是iOS还是Android等移动终端的方法
2013/12/11 Javascript
不使用ajax实现无刷新提交表单
2014/12/21 Javascript
浅谈javascript中基本包装类型
2015/06/03 Javascript
jQuery实现验证年龄简单思路
2016/02/24 Javascript
JS打印组合功能
2016/08/04 Javascript
JS 对java返回的json格式的数据处理方法
2016/12/05 Javascript
使用JavaScript触发过渡效果的方法
2017/01/19 Javascript
Vue 父子组件、组件间通信
2017/03/08 Javascript
多个上传文件用js验证文件的格式和大小的方法(推荐)
2017/03/09 Javascript
JS如何设置元素样式的方法示例
2017/08/28 Javascript
JS与jQuery实现ListBox上移,下移,左移,右移操作功能示例
2018/05/31 jQuery
vue cli2.0单页面title修改方法
2018/06/07 Javascript
利用原生JavaScript实现造日历轮子实例代码
2019/05/08 Javascript
Python3搜索及替换文件中文本的方法
2015/05/22 Python
Python+OpenCV实现车牌字符分割和识别
2018/03/31 Python
python 2.7.13 安装配置方法图文教程
2018/09/18 Python
python如何获取列表中每个元素的下标位置
2019/07/01 Python
python3 批量获取对应端口服务的实例
2019/07/25 Python
python 在sql语句中使用%s,%d,%f说明
2020/06/06 Python
详解python中的三种命令行模块(sys.argv,argparse,click)
2020/12/15 Python
python使用Windows的wmic命令监控文件运行状况,如有异常发送邮件报警
2021/01/30 Python
html5 input属性使用示例
2013/06/28 HTML / CSS
Martinelli官方商店:西班牙皮鞋和高跟鞋品牌
2019/07/30 全球购物
波兰快递服务:Globkurier.pl
2019/11/08 全球购物
毕业实习自我鉴定范文2014
2014/09/26 职场文书
五好家庭事迹材料
2014/12/20 职场文书
2015人事行政工作总结范文
2015/05/21 职场文书
党小组意见范文
2015/06/08 职场文书
党风廉洁教育心得体会
2016/01/20 职场文书
《圆明园的毁灭》教学反思
2016/02/16 职场文书