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 相关文章推荐
IE8提示Invalid procedure call or argument 异常的解决方法
Sep 30 Javascript
Jquery 类网页微信二维码图块滚动效果具体实现
Oct 14 Javascript
谷歌浏览器不支持showModalDialog模态对话框的解决方法
Sep 22 Javascript
JS实现弹性菜单效果代码
Sep 07 Javascript
详解js的事件代理(委托)
Dec 22 Javascript
BootStrap下的弹出框加载select2框架失败的解决方法
Aug 31 Javascript
使用jQuery实现两个div中按钮互换位置的实例代码
Sep 21 jQuery
AngularJS模糊查询功能实现代码(过滤内容下拉菜单排序过滤敏感字符验证判断后添加表格信息)
Oct 24 Javascript
JavaScript中引用vs复制示例详析
Dec 06 Javascript
在 Vue 应用中使用 Netlify 表单功能的方法详解
Jun 03 Javascript
JS端基于download.js实现图片、视频时直接下载而不是打开预览
May 09 Javascript
javascript使用canvas实现饼状图效果
Sep 08 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生成的html meta和link标记在body标签里 顶部有个空行
2010/05/18 PHP
PHP在字符断点处截断文字的实现代码
2011/04/21 PHP
php可应用于面包屑导航的迭代寻找家谱树实现方法
2015/02/02 PHP
php中实现可以返回多个值的函数实例
2015/03/21 PHP
php curl 模拟登录并获取数据实例详解
2016/12/22 PHP
Chrome下ifame父窗口调用子窗口的问题示例探讨
2014/03/17 Javascript
学习JavaScript设计模式(多态)
2015/11/25 Javascript
javascript日期格式化方法小结
2015/12/17 Javascript
js判断某个字符出现的次数的简单实例
2016/06/03 Javascript
JavaScript中splice与slice的区别
2017/05/09 Javascript
解决vue-cli中stylus无法使用的问题方法
2017/06/19 Javascript
Js自定义多选框效果的实例代码
2017/07/05 Javascript
js学习总结_轮播图之渐隐渐现版(实例讲解)
2017/07/17 Javascript
Vue Prop属性功能与用法实例详解
2019/02/23 Javascript
微信打开网址添加在浏览器中打开提示的办法
2019/05/20 Javascript
vue - vue.config.js中devServer配置方式
2019/10/30 Javascript
JS 遍历 json 和 JQuery 遍历json操作完整示例
2019/11/11 jQuery
Vue实现图片与文字混输效果
2019/12/04 Javascript
在微信小程序中使用mqtt服务的方法
2019/12/13 Javascript
小程序开发之模态框组件封装
2020/04/23 Javascript
原生js+canvas实现验证码
2020/11/29 Javascript
python写xml文件的操作实例
2014/10/05 Python
使用python检测主机存活端口及检查存活主机
2015/10/12 Python
python访问mysql数据库的实现方法(2则示例)
2016/01/06 Python
基于Python实现文件大小输出
2016/01/11 Python
Python之Scrapy爬虫框架安装及简单使用详解
2017/12/22 Python
Python基础教程之异常详解
2019/01/10 Python
Python使用Tkinter实现转盘抽奖器的步骤详解
2020/01/06 Python
美国首屈一指的高品质珠宝设计师和零售商:Allurez
2018/01/23 全球购物
我们的节日国庆活动方案
2014/08/19 职场文书
党政领导班子群众路线对照检查材料
2014/10/26 职场文书
2014年医药代表工作总结
2014/11/22 职场文书
2014年减负工作总结
2014/12/10 职场文书
教师见习总结范文
2015/06/23 职场文书
爱国主义教育主题班会
2015/08/13 职场文书
详解python字符串驻留技术
2021/05/21 Python