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

时间:2024-11-20 04:05:50 

用法

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

标签:拖拽上传,DropzoneJS
0
投稿

猜你喜欢

  • ExtJS判断IE浏览器类型的方法

    2024-05-13 10:35:56
  • Python光学仿真教程实现光线追踪

    2023-08-12 00:27:39
  • 在Python中字符串、列表、元组、字典之间的相互转换

    2021-08-30 07:09:42
  • 用一条mysql语句插入多条数据

    2024-01-18 16:35:40
  • Pycharm cannot set up a python SDK问题的原因及解决方法

    2022-12-21 15:05:34
  • sqlserver中去除字符串中连续的分隔符的sql语句

    2012-06-06 20:07:39
  • Python中创建表格详细过程

    2023-10-08 02:42:51
  • MySQL与SQLserver的差异对比

    2024-01-24 18:49:48
  • php中重定向网页跳转方法总结案例教程

    2023-06-11 20:47:18
  • Dreamweaver定义本地站点

    2010-07-02 16:27:00
  • 详解微信小程序「渲染层网络层错误」的解决方法

    2024-04-22 13:01:23
  • pandas中apply和transform方法的性能比较及区别介绍

    2023-07-18 22:23:40
  • Django集成百度富文本编辑器uEditor攻略

    2021-01-11 21:43:21
  • python实现大文本文件分割

    2023-09-03 10:00:53
  • python反转一个三位整数的多种实现方案

    2023-07-03 00:19:06
  • 如何对numpy 矩阵进行通道间求均值

    2023-07-24 20:37:41
  • Python使用Pickle模块进行数据保存和读取的讲解

    2021-08-23 19:37:55
  • 一文带你看懂Vue Hook和React Hook

    2024-04-22 13:24:02
  • Golang中time.After的使用理解与释放问题

    2024-04-25 13:20:08
  • 在Pycharm的Project Files下建立多个项目的操作

    2022-02-20 16:27:49
  • asp之家 网络编程 m.aspxhome.com