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 api参考 visualjquery 中国线路 速度快
Nov 30 Javascript
一段批量给页面上的控件赋值js
Jun 19 Javascript
js 时间格式与时间戳的相互转换示例代码
Dec 25 Javascript
使用focus方法让光标默认停留在INPUT框
Jul 29 Javascript
js选择并转移导航菜单示例代码
Aug 19 Javascript
js检测用户输入密码强度
Oct 22 Javascript
基于MVC4+EasyUI的Web开发框架形成之旅之界面控件的使用
Dec 16 Javascript
Bootstrap登陆注册页面开发教程
Jul 12 Javascript
Vue 中的compile操作方法
Feb 26 Javascript
深入理解vue-class-component源码阅读
Feb 18 Javascript
微信小程序云开发修改云数据库中的数据方法
May 18 Javascript
Vue OpenLayer测距功能的实现
Apr 20 Vue.js
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中的函数-- foreach()的用法详解
2013/06/24 PHP
php中替换字符串中的空格为逗号','的方法
2014/06/09 PHP
PHP实现图片压缩的两则实例
2014/07/19 PHP
Yii把CGridView文本框换成下拉框的方法
2014/12/03 PHP
Yii中实现处理前后台登录的新方法
2015/12/28 PHP
Laravel Eloquent ORM 实现查询表中指定的字段
2019/10/17 PHP
javascript循环变量注册dom事件 之强大的闭包
2010/09/08 Javascript
基于jquery的修改当前TAB显示标题的代码
2010/12/11 Javascript
浅析2种JavaScript继承方式
2015/12/04 Javascript
jQuery获取当前点击的对象元素(实现代码)
2016/05/19 Javascript
jquery uploadify隐藏上传进度的实现方法
2017/02/06 Javascript
JS实现移动端实时监听输入框变化的实例代码
2017/04/12 Javascript
vue 请求后台数据的实例代码
2017/06/22 Javascript
微信小程序异步API为Promise简化异步编程的操作方法
2018/08/14 Javascript
JS实现可视化文件上传
2018/09/08 Javascript
layui实现二维码弹窗、并下载到本地的方法
2019/09/25 Javascript
深入了解JavaScript词法作用域
2020/07/29 Javascript
Python的Django框架可适配的各种数据库介绍
2015/07/15 Python
python爬取网页转换为PDF文件
2018/06/07 Python
Python实现string字符串连接的方法总结【8种方式】
2018/07/06 Python
python多线程抽象编程模型详解
2019/03/20 Python
Django后端接收嵌套Json数据及解析详解
2019/07/17 Python
TensorFlow tf.nn.conv2d实现卷积的方式
2020/01/03 Python
TensorBoard 计算图的查看方式
2020/02/15 Python
jupyter notebook oepncv 显示一张图像的实现
2020/04/24 Python
python 异步async库的使用说明
2020/05/04 Python
Python使用Selenium实现淘宝抢单的流程分析
2020/06/23 Python
python中pivot()函数基础知识点
2021/01/03 Python
加拿大百叶窗和窗帘定制网站:Blinds
2017/01/30 全球购物
Tory Burch英国官方网站:美国时尚生活品牌
2017/12/06 全球购物
法国低价在线宠物商店:bitiba.fr
2020/07/03 全球购物
性能测试工程师的面试题
2015/02/20 面试题
会计自我鉴定
2013/11/02 职场文书
小学运动会演讲稿
2014/08/25 职场文书
2014领导班子四风剖析对照检查材料思想汇报
2014/09/20 职场文书
教你用python实现一个无界面的小型图书管理系统
2021/05/21 Python