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

相关文章

  • echarts多条折线图动态分层的实现方法

    echarts多条折线图动态分层的实现方法

    这篇文章主要介绍了echarts多条折线图动态分层的实现方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-05-05
  • Flutter实现仿微信底部菜单栏功能

    Flutter实现仿微信底部菜单栏功能

    这篇文章主要介绍了Flutter实现仿微信底部菜单栏,需要的朋友可以参考下
    2019-09-09
  • Nuxt.js开启SSR渲染的教程详解

    Nuxt.js开启SSR渲染的教程详解

    Nuxt.js 是一个基于 Vue.js 的通用应用框架。 通过对客户端/服务端基础架构的抽象组织,Nuxt.js 主要关注的是应用的 UI渲染。这篇文章主要介绍了Nuxt.js开启SSR渲染 ,需要的朋友可以参考下
    2018-11-11
  • javascript面向对象之this关键词用法分析

    javascript面向对象之this关键词用法分析

    这篇文章主要介绍了javascript面向对象之this关键词用法分析,以实例形式分析了在不同场合下this使用中的特性及相关使用技巧,需要的朋友可以参考下
    2015-01-01
  • 使用Echarts绘制一个多组折线图

    使用Echarts绘制一个多组折线图

    这篇文章主要给大家介绍了关于使用Echarts绘制一个多组折线图的相关资料,Echarts是一个功能强大的可视化库,可以用来绘制各种类型的图表,包括多组折线图,需要的朋友可以参考下
    2023-09-09
  • javascript与CSS复习(《精通javascript》)

    javascript与CSS复习(《精通javascript》)

    js和css结合来产生醒目的交互效果,我们可以快速的访问元素自身的样式属性
    2010-06-06
  • js中forEach,for in,for of循环的用法示例小结

    js中forEach,for in,for of循环的用法示例小结

    这篇文章主要介绍了js中forEach,for in,for of循环的用法,结合实例形式总结分析了js中forEach,for in,for of循环相关使用技巧与操作注意事项,需要的朋友可以参考下
    2020-03-03
  • javascript提取URL的搜索字符串中的参数(自定义函数实现)

    javascript提取URL的搜索字符串中的参数(自定义函数实现)

    我们经常会看到有的页面链接地址后面会跟有参数,很多时候我们需要获得这些参数的值,接下来将介绍获取方法,感兴趣的朋友可以了解系,希望本文对你有所帮助
    2013-01-01
  • 全面详解JS正则中匹配技巧及示例

    全面详解JS正则中匹配技巧及示例

    这篇文章主要为大家介绍了全面详解JS正则中匹配技巧及示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-01-01
  • 微信小程序实现长按 识别图片二维码(两种方案)

    微信小程序实现长按 识别图片二维码(两种方案)

    这篇文章主要介绍了微信小程序实现长按 识别图片二维码(两种方案),第一种方案只需要在image里面加一个属性就可以了,本文结合实例代码介绍的非常详细,需要的朋友可以参考下
    2024-01-01

最新评论