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 28 Javascript
jQuery 锚点跳转滚动条平滑滚动一句话代码
Apr 30 Javascript
jQuery的text()方法用法分析
Dec 20 Javascript
JavaScript数据结构和算法之二叉树详解
Feb 11 Javascript
JS实现的通用表单验证插件完整实例
Aug 20 Javascript
jQuery时间插件jquery.clock.js用法实例(5个示例)
Jan 14 Javascript
微信小程序商品到详情的实现
Jun 27 Javascript
JS实现的简单标签点击切换功能示例
Sep 21 Javascript
轻量级富文本编辑器wangEditor结合vue使用方法示例
Oct 10 Javascript
Vue实现的父组件向子组件传值功能示例
Jan 19 Javascript
vue 移动端记录页面浏览位置的方法
Mar 11 Javascript
Jquery+AJAX实现无刷新上传并重命名文件操作示例【PHP后台接收】
May 29 jQuery
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实现求两个字符串最长公共子串的方法示例
2017/11/17 PHP
Codeigniter里的无刷新上传的实现代码
2019/04/14 PHP
PHP+Redis链表解决高并发下商品超卖问题(实现原理及步骤)
2020/08/03 PHP
Some tips of wmi scripting in jscript (1)
2007/04/03 Javascript
IE浏览器兼容Firefox的JS脚本的代码
2008/10/23 Javascript
Javascript结合css实现网页换肤功能
2009/11/02 Javascript
javascript 子窗体父窗体相互传值方法
2010/05/31 Javascript
获取非最后一列td值并将title设为该值的方法
2013/10/30 Javascript
jquery单行文字向上滚动效果的实现代码
2014/09/05 Javascript
AngularJS基础知识笔记之表格
2015/05/10 Javascript
Jquery1.9.1源码分析系列(六)延时对象应用之jQuery.ready
2015/11/24 Javascript
AngularJS中$interval的用法详解
2016/02/02 Javascript
AngularJs中route的使用方法和配置
2016/02/04 Javascript
javascript面向对象程序设计高级特性经典教程(值得收藏)
2016/05/19 Javascript
关于JavaScript限制字数的输入框的那些事
2016/08/14 Javascript
jQuery常见的选择器及用法介绍
2016/12/20 Javascript
vue之nextTick全面解析
2017/05/17 Javascript
javascript实现Java中的Map对象功能的实例详解
2017/08/21 Javascript
详解Vue单元测试case写法
2018/05/24 Javascript
bootstrap table合并行数据并居中对齐效果
2018/10/17 Javascript
Vue动态组件和异步组件原理详解
2019/05/06 Javascript
微信小程序自定义菜单切换栏tabbar组件代码实例
2019/12/30 Javascript
在vue中使用Echarts利用watch做动态数据渲染操作
2020/07/20 Javascript
python虚拟环境virtualenv的使用教程
2017/10/20 Python
python 爬虫百度地图的信息界面的实现方法
2019/10/27 Python
python3正则模块re的使用方法详解
2020/02/11 Python
python 使用elasticsearch 实现翻页的三种方式
2020/07/31 Python
Pycharm Plugins加载失败问题解决方案
2020/11/28 Python
HTML5如何实现元素拖拽
2016/03/11 HTML / CSS
C面试题
2015/10/08 面试题
EJB包括(SessionBean,EntityBean)说出他们的生命周期,及如何管理事务的
2015/07/24 面试题
产品发布会策划方案
2014/05/12 职场文书
体育专业自荐书
2014/05/29 职场文书
英语系本科生求职信
2014/07/15 职场文书
房屋租赁合同协议书范本
2014/10/19 职场文书
2015年中秋晚会主持稿
2015/07/30 职场文书