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

您可能感兴趣的文章:

• JQuery Dialog(JS 模态窗口,可拖拽的DIV)
• js实现拖拽效果
• 使用js实现的简单拖拽效果
• 百度Popup.js弹出框进化版 拖拽小框架发布 兼容IE6/7/8,Firefox,Chrome
• Javascript拖拽系列文章2之offsetLeft、offsetTop、offsetWidth、offsetHeight属性
• 关于js拖拽上传 [一个拖拽上传修改头像的流程]
• javascript支持firefox,ie7页面布局拖拽效果代码
• js完美的div拖拽实例代码
• javascript实现移动端上的触屏拖拽功能
• js实现QQ面板拖拽效果（慕课网DOM事件探秘）（全）