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 相关文章推荐
不错的一个日期输入 动态
Nov 06 Javascript
jQuery TextBox自动完成条
Jul 22 Javascript
Js判断CSS文件加载完毕的具体实现
Jan 17 Javascript
兼容所有浏览器的js复制插件Zero使用介绍
Mar 19 Javascript
js调用百度地图及调用百度地图的搜索功能
Sep 07 Javascript
vue使用keep-alive实现数据缓存不刷新
Oct 21 Javascript
基于BootStrap的文本编辑器组件Summernote
Oct 27 Javascript
微信小程序实现分享到朋友圈功能
Jul 19 Javascript
Node.js中Koa2在控制台输出请求日志的方法示例
May 02 Javascript
前端插件之Bootstrap Dual Listbox使用教程
Jul 23 Javascript
原生js实现的金山打字小游戏(实例代码详解)
Mar 16 Javascript
解决antd的Form组件setFieldsValue的警告问题
Oct 29 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下一个非常全面获取图象信息的函数
2008/11/20 PHP
PHP源代码数组统计count分析
2011/08/02 PHP
解析php安全性问题中的:Null 字符问题
2013/06/21 PHP
PHP获取数组长度或某个值出现次数的方法
2015/02/11 PHP
PHP实现连接设备、通讯和发送命令的方法
2015/10/13 PHP
php 获取文件行数的方法总结
2016/10/11 PHP
php生成静态页面并实现预览功能
2019/06/27 PHP
laravel 执行迁移回滚示例
2019/10/23 PHP
javascript 原型模式实现OOP的再研究
2009/04/09 Javascript
FileUpload上传图片(图片不变形)
2010/08/05 Javascript
构造函数+原型模式构造js自定义对象(最通用)
2014/05/12 Javascript
javascript实现rgb颜色转换成16进制格式
2015/07/10 Javascript
javascript制作幻灯片(360度全景图片)
2015/07/28 Javascript
jquery常用函数与方法汇总
2015/09/01 Javascript
AngularJs 60分钟入门基础教程
2016/04/03 Javascript
jquery实现折叠菜单效果【推荐】
2017/03/08 Javascript
Vue隐藏显示、只读实例代码
2018/07/18 Javascript
函数式编程入门实践(一)
2019/04/20 Javascript
JavaScript计算正方形面积
2019/11/26 Javascript
[49:15]DOTA2-DPC中国联赛 正赛 CDEC vs XG BO3 第二场 1月19日
2021/03/11 DOTA
详解Python安装scrapy的正确姿势
2018/06/26 Python
python读取excel指定列数据并写入到新的excel方法
2018/07/10 Python
python集合比较(交集,并集,差集)方法详解
2018/09/13 Python
python实现在图片上画特定大小角度矩形框
2018/10/24 Python
python flask框架实现重定向功能示例
2019/07/02 Python
由面试题加深对Django的认识理解
2019/07/19 Python
感知器基础原理及python实现过程详解
2019/09/30 Python
Python必须了解的35个关键词
2020/07/16 Python
战友聚会主持词
2014/04/02 职场文书
党的群众路线教育实践活动总结报告
2014/04/28 职场文书
说明书格式及范文
2014/05/07 职场文书
先进工作者推荐材料
2014/12/23 职场文书
小学生红领巾广播稿
2015/08/19 职场文书
2016大学生入党积极分子心得体会
2016/01/06 职场文书
python自动化之如何利用allure生成测试报告
2021/05/02 Python
Python max函数中key的用法及原理解析
2021/06/26 Python