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 相关文章推荐
基于Jquery和html5实现炫酷的3D焦点图动画
Mar 02 Javascript
使用jquery.qrcode.js生成二维码插件
Oct 17 Javascript
vue mintui-Loadmore结合实现下拉刷新和上拉加载示例
Oct 12 Javascript
基于vue实现网站前台的权限管理(前后端分离实践)
Jan 13 Javascript
仿淘宝JSsearch搜索下拉深度用法
Jan 15 Javascript
vue地区选择组件教程详解
May 04 Javascript
JavaScript常用截取字符串的三种方式用法区别实例解析
May 15 Javascript
如何使用less实现随机下雪动画详解
Jan 02 Javascript
js实现鼠标拖拽缩放div实例代码
Mar 25 Javascript
基于JavaScript实现贪吃蛇游戏
Mar 16 Javascript
Vue如何提升首屏加载速度实例解析
Jun 25 Javascript
详解Vue中Axios封装API接口的思路及方法
Oct 10 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
VML绘图板②脚本--VMLgraph.js、XMLtool.js
2006/10/09 PHP
PHP 字符串操作入门教程
2006/12/06 PHP
PHP如何搭建百度Ueditor富文本编辑器
2018/09/21 PHP
js中的值类型和引用类型小结 文字说明与实例
2010/12/12 Javascript
javascript根据时间生成m位随机数最大13位
2014/10/30 Javascript
jquery实现submit提交表单
2015/02/03 Javascript
基于jquery实现的树形菜单效果代码
2015/09/06 Javascript
如何使用Bootstrap的modal组件自定义alert,confirm和modal对话框
2016/03/01 Javascript
原生 JS Ajax,GET和POST 请求实例代码
2016/06/08 Javascript
JS实现HTML表格排序功能
2016/08/05 Javascript
动态加载权限管理模块中的Vue组件
2018/01/16 Javascript
解决Vue开发中对话框被遮罩层挡住的问题
2018/11/26 Javascript
Vue 指令实现按钮级别权限管理功能
2019/04/23 Javascript
JavaScript箭头函数中的this详解
2019/06/19 Javascript
js简单遍历获取对象中的属性值的方法示例
2019/06/19 Javascript
开发中常用的25个JavaScript单行代码(小结)
2019/06/28 Javascript
基于vue实现微博三方登录流程解析
2020/11/04 Javascript
[13:56]DAC2018 4.5SOLO赛决赛 MidOne vs Paparazi第一场
2018/04/06 DOTA
[49:12]完美世界DOTA2联赛PWL S2 Magma vs GXR 第二场 11.29
2020/12/02 DOTA
Python数据结构之Array用法实例
2014/10/09 Python
使用pandas读取文件的实现
2019/07/31 Python
python rsa实现数据加密和解密、签名加密和验签功能
2019/09/18 Python
用pandas划分数据集实现训练集和测试集
2020/07/20 Python
20世纪40年代连衣裙和复古服装:The Seamstress Of Bloomsbury
2018/07/24 全球购物
Ibatis如何调用存储过程
2015/05/15 面试题
将"引用"作为函数参数有哪些特点
2013/04/05 面试题
四年大学生活的个人自我评价
2013/12/11 职场文书
交通安全演讲稿
2014/01/07 职场文书
销售主管岗位职责
2014/02/08 职场文书
个人贷款担保书
2014/04/01 职场文书
建筑管理专业求职信
2014/07/28 职场文书
2014年服务员工作总结
2014/11/18 职场文书
离婚案件答辩状
2015/05/22 职场文书
人事任命书范本
2015/09/21 职场文书
Flutter集成高德地图并添加自定义Maker的实践
2022/04/07 Java/Android
python区块链持久化和命令行接口实现简版
2022/05/25 Python