javascript拖拽上传类库DropzoneJS使用方法

 更新时间:2013年12月05日 15:40:57   作者:  
这篇文章主要介绍了javascript拖拽上传类库DropzoneJS使用方法,大家参考使用吧

用法

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

相关文章

  • 微信小程序中如何使用flyio封装网络请求

    微信小程序中如何使用flyio封装网络请求

    这篇文章主要介绍了微信小程序中如何使用flyio封装网络请求,Fly.js 通过在不同 JavaScript 运行时通过在底层切换不同的 Http Engine来实现多环境支持,但同时对用户层提供统一、标准的Promise API,需要的朋友可以参考下
    2019-07-07
  • 7个你应该知道的JS原生错误类型

    7个你应该知道的JS原生错误类型

    这篇文章主要介绍了7个你应该知道的JS原生错误类型,对此感兴趣的同学,可以参考一下
    2021-04-04
  • JS开发自己的类库实例分析

    JS开发自己的类库实例分析

    这篇文章主要介绍了JS开发自己的类库,结合实例形式分析了javascript开发类库的原理、组成及实现方法,需要的朋友可以参考下
    2019-08-08
  • JS基于正则表达式实现的密码强度验证功能示例

    JS基于正则表达式实现的密码强度验证功能示例

    这篇文章主要介绍了JS基于正则表达式实现的密码强度验证功能,涉及javascript事件响应及基于正则的字符遍历、判断等相关操作技巧,需要的朋友可以参考下
    2017-09-09
  • 微信小程序项目实践之验证码倒计时功能

    微信小程序项目实践之验证码倒计时功能

    这篇文章主要介绍了微信小程序项目实践之验证码倒计时功能,当用户点击发送验证码按钮,按钮背景变色,不可点击,显示倒计时文字,需要的朋友可以参考下
    2018-07-07
  • javascript全局变量封装模块实现代码

    javascript全局变量封装模块实现代码

    javascript全局变量封装模块的应用,本文将详细介绍,需要了解更多的朋友可以参考下
    2012-11-11
  • js中生成map对象的方法

    js中生成map对象的方法

    生成map对象的方法或许会有很多,在本文将为大家详细介绍下使用js是如何做到的,感兴趣的朋友不要错过
    2014-01-01
  • 微信小程序自定义模态弹窗组件详解

    微信小程序自定义模态弹窗组件详解

    这篇文章主要为大家详细介绍了微信小程序自定义模态弹窗组件,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-12-12
  • JavaScript实现在页面间传值的方法

    JavaScript实现在页面间传值的方法

    这篇文章主要介绍了JavaScript实现在页面间传值的方法,涉及javascript传值的技巧,非常具有实用价值,需要的朋友可以参考下
    2015-04-04
  • 详细总结Javascript中的焦点管理

    详细总结Javascript中的焦点管理

    相信大家都知道焦点作为javascript中的一个重要功能,基本上和页面交互都离不开焦点。但却少有人对焦点管理系统地做总结归纳。本文就javascript中的焦点管理作详细介绍,有需要的朋友们可以参考借鉴。
    2016-09-09

最新评论