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

相关文章

  • 基于Proxy的小程序状态管理实现

    基于Proxy的小程序状态管理实现

    这篇文章主要介绍了基于Proxy的小程序状态管理实现,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2019-06-06
  • JavaScript Base64 作为文件上传的实例代码解析

    JavaScript Base64 作为文件上传的实例代码解析

    这篇文章主要介绍了JavaScript Base64 作为文件上传的实例代码解析,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2017-02-02
  • js动态创建及移除div的方法

    js动态创建及移除div的方法

    这篇文章主要介绍了js动态创建及移除div的方法,涉及javascript针对页面元素的动态操作技巧,需要的朋友可以参考下
    2015-06-06
  • JavaScript实现自定义拖拽排序列表

    JavaScript实现自定义拖拽排序列表

    在Web开发中,拖拽排序是一个常见的需求,它允许用户通过拖拽的方式重新排列列表项的顺序,本文将介绍如何使用原生JavaScript实现这一功能,需要的可以了解下
    2024-01-01
  • 微信小程序如何使用canvas二维码保存至手机相册

    微信小程序如何使用canvas二维码保存至手机相册

    这篇文章主要介绍了微信小程序如何使用canvas二维码保存至手机相册的相关资料,文中通过示例代码介绍的非常详细,对大家学习或者使用微信小程序具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
    2019-07-07
  • JS实现图片高亮展示效果实例

    JS实现图片高亮展示效果实例

    这篇文章主要介绍了JS实现图片高亮展示效果的方法,实例分析了JavaScript响应鼠标事件动态操作页面元素样式的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-11-11
  • js+cavans实现图片滑块验证

    js+cavans实现图片滑块验证

    这篇文章主要为大家详细介绍了js+cavans实现图片滑块验证,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-09-09
  • 微信小程序全局变量GLOBALDATA的定义和调用过程解析

    微信小程序全局变量GLOBALDATA的定义和调用过程解析

    这篇文章主要介绍了微信小程序全局变量GLOBALDATA的定义和调用过程解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-09-09
  • IE6不能修改NAME问题的解决方法

    IE6不能修改NAME问题的解决方法

    昨天在项目中发现IE6动态生成的INPUT是不能改NAME的,微软关于这个问题有这么个说法
    2010-09-09
  • JavaScript浏览器对象模型BOM(BrowserObjectModel)实例详解

    JavaScript浏览器对象模型BOM(BrowserObjectModel)实例详解

    这篇文章主要介绍了JavaScript浏览器对象模型BOM(BrowserObjectModel),结合实例形式较为详细的分析了BOM模型的常用对象与相关使用技巧,需要的朋友可以参考下
    2016-11-11

最新评论