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实现x秒后自动跳转到一个页面
Jan 03 Javascript
点击按钮或链接不跳转只刷新页面的脚本整理
Oct 22 Javascript
jquery操作select大全
Apr 25 Javascript
jquery取子节点及当前节点属性值的方法
Sep 09 Javascript
js跨域问题浅析及解决方法优缺点对比
Nov 08 Javascript
Bootstrap编写导航栏和登陆框
May 30 Javascript
BootStrap表单验证 FormValidation 调整反馈图标位置的实例代码
May 17 Javascript
微信小程序 wx.request方法的异步封装实例详解
May 18 Javascript
详解webpack中的hash、chunkhash、contenthash区别
Jan 05 Javascript
JS引用传递与值传递的区别与用法分析
Jun 01 Javascript
jquery操作checkbox的常用方法总结【附测试源码下载】
Jun 10 jQuery
基于Cesium绘制抛物弧线
Nov 18 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性能优化 产生高度优化代码
2011/07/22 PHP
PHP获取文件后缀名的三个函数
2012/10/15 PHP
php 生成自动创建文件夹并上传文件的示例代码
2014/03/07 PHP
PHP+javascript制作带提示的验证码源码分享
2014/05/28 PHP
从零开始学YII2框架(一)通过Composer安装Yii2框架
2014/08/20 PHP
typecho插件编写教程(二):写一个新插件
2015/05/28 PHP
PHP实现动态web服务器方法
2015/07/29 PHP
Symfony2创建基于域名的路由相关示例
2016/11/14 PHP
php微信开发之音乐回复功能
2018/06/14 PHP
PHP实现文件上传操作和封装
2020/03/04 PHP
一个简单的JavaScript 日期计算算法
2009/09/11 Javascript
js二级地域选择的实现方法
2013/06/17 Javascript
JavaScript获取按钮所在form表单id的方法
2015/04/02 Javascript
使用Node.js为其他程序编写扩展的基本方法
2015/06/23 Javascript
jQuery.Validate表单验证插件的使用示例详解
2017/01/04 Javascript
详解 vue better-scroll滚动插件排坑
2018/02/08 Javascript
详解Vue微信授权登录前后端分离较为优雅的解决方案
2018/06/29 Javascript
javascript设计模式 ? 状态模式原理与用法实例分析
2020/04/22 Javascript
零基础写python爬虫之爬虫编写全记录
2014/11/06 Python
Python 绘图库 Matplotlib 入门教程
2018/04/19 Python
使用python判断你是青少年还是老年人
2018/11/29 Python
使用Python脚本从文件读取数据代码实例
2020/01/19 Python
pycharm不能运行.py文件的解决方法
2020/02/12 Python
python使用正则表达式匹配txt特定字符串(有换行)
2020/12/09 Python
兰芝美国网上商城:购买LANEIGE睡眠面膜等
2017/06/30 全球购物
安全生产管理合理化建议书
2014/03/12 职场文书
学生鉴定评语大全
2014/05/05 职场文书
法人委托书范本
2014/09/15 职场文书
医学专业大学生职业生涯规划书
2014/10/25 职场文书
精神病医院见习报告
2014/11/03 职场文书
小学班主任经验交流材料
2014/12/16 职场文书
求职简历自我评价2015
2015/03/10 职场文书
单身证明范本
2015/06/15 职场文书
员工考勤管理制度
2015/08/06 职场文书
个人自我鉴定怎么写?
2019/07/01 职场文书
如何创建一个创建MySQL数据库中的datetime类型
2022/03/21 MySQL