通过ASP.NET服务使用dropzone.js实现文件的OnClick上传

<script src="path/to/dropzone.js"></script>
<link rel="stylesheet" href="path/to/dropzone.css">

<div id="myDropzone" class="dropzone"></div>

<script>
    Dropzone.autoDiscover = false;
    var myDropzone = new Dropzone("#myDropzone", {
        url: "upload.aspx", // 上传文件的处理页面
        clickable: true, // 允许点击区域选择文件
        paramName: "file", // 上传文件的参数名
        maxFilesize: 10, // 最大文件大小限制，单位为MB
        acceptedFiles: ".jpg,.png,.gif", // 允许上传的文件类型
        addRemoveLinks: true, // 显示删除链接
        dictRemoveFile: "删除", // 删除链接的文本
        dictDefaultMessage: "点击或拖拽文件到这里上传", // 默认提示信息
        success: function(file, response) {
            // 文件上传成功的回调函数
        },
        error: function(file, errorMessage) {
            // 文件上传失败的回调函数
        }
    });
</script>

protected void Page_Load(object sender, EventArgs e)
{
    if (Request.Files.Count > 0)
    {
        HttpPostedFile file = Request.Files[0];
        string fileName = Path.GetFileName(file.FileName);
        string filePath = Server.MapPath("~/uploads/") + fileName;
        file.SaveAs(filePath);
        // 文件保存成功后的处理逻辑
    }
}