如何显示jquery dropzone的错误消息

2024-01-12

我将 dropzone 与 CI 一起使用,我不知道如何在上传错误时显示错误消息和自定义消息,这是我的脚本

Dropzone.autoDiscover = false;
        try {
            var myDropzone = new Dropzone("#adminform" , {
                paramName: "filename", // The name that will be used to transfer the file
                maxFilesize: 0.5, // MB
                url: window.location.href,
                addRemoveLinks : true,
                dictDefaultMessage :
                '<span class="bigger-150 bolder"><i class="ace-icon fa fa-caret-right red"></i> Drop files</span> to upload \
                <span class="smaller-80 grey">(or click)</span> <br /> \
                <i class="upload-icon ace-icon fa fa-cloud-upload blue fa-3x"></i>',
                dictResponseError: 'Error while uploading file!',

                //change the previewTemplate to use Bootstrap progress bars
                previewTemplate: "<div class=\"dz-preview dz-file-preview\">\n  <div class=\"dz-details\">\n    <div class=\"dz-filename\"><span data-dz-name></span></div>\n    <div class=\"dz-size\" data-dz-size></div>\n    <img data-dz-thumbnail />\n  </div>\n  <div class=\"progress progress-small progress-striped active\"><div class=\"progress-bar progress-bar-success\" data-dz-uploadprogress></div></div>\n  <div class=\"dz-success-mark\"><span></span></div>\n  <div class=\"dz-error-mark\"><span></span></div>\n  <div class=\"dz-error-message\"><span data-dz-errormessage></span></div>\n</div>",
            });
        } 
        catch(e) {
            alert('Dropzone does not support older browsers!');
        }

PHP 返回 400:

$this->output->set_header("HTTP/1.0 400 Bad Request");

但是当我将鼠标悬停在图像上时,它显示 [object Object] 但消息是:

dictResponseError:“上传文件时出错!”


对于任何有需要的人:

您可以使用 echo 从服务器返回响应消息。然后在js代码中添加错误事件处理程序

PHP

header("HTTP/1.0 400 Bad Request");
echo "Ups error message";

JS

this.on('error', function(file, response) {
    $(file.previewElement).find('.dz-error-message').text(response);
});
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何显示jquery dropzone的错误消息 的相关文章

随机推荐

  • 各个方向的实体阴影

    I ve been looking for a way to set the shadow property of a layer like this 其中浅蓝色是图层 UIImageView在本例中 深蓝色是阴影 我想让影子做一些事情 出
  • Android edittext - settext方法光标问题

    我正在尝试在 EditText 中设置文本 但是 setText 完成后 光标仍保留在文本的开头 如何将其移动到文本的末尾 任何在这方面的帮助都是值得赞赏的 此致 罗尼 EditText inputField Editable etext
  • linq to sql 返回布尔值

    我有一张桌子Fruits包含以下列 UserID FruitID 我想验证 UserID 是否在 FruitID 上获得授权 所以我写的是这样的内容 var IsAuthorized from f in MyDC Fruits where
  • 设置位置而不刷新网页

    是否可以在浏览器不刷新页面的情况下更改位置 url 想象一下我希望用户更改某些字段上的某些值 因此 要更新的是 url 问号后面 所以 www mysite com mypage level 1 fav fruit apple fav fo
  • 如何检查 DataReader 值是否不为空?

    我正在编写一个 VB Net 代码 通过 SQL 查询读取 Oracle 表 SQL 查询可能会返回一些空列 我正在尝试检查这些列是否为空 但收到错误Oracle DataAccess dll 中发生 System InvalidCastE
  • 使用锚标记将值传递到另一个 php 页面

    我尝试将 PersonID 的值从 list php 传递到 Delete php 使用锚标记 这是我的代码 a href Delete a 该值已正确传递 但不知怎的 我没有被重定向到Delete php 任何人都可以注意到上面一行中的问
  • “new int;”中的“new”是否被视为运算符?

    表达方式new int 比如在int x new int is a 新的表达方式 https en cppreference com w cpp language new 术语 新运算符 似乎可以与 新表达式 互换使用 例如在这个问题中 新
  • 填充Object[]数据

    我定义了一个变量 Object data 下一步如何用数据填充它 我想做这样的事情 public Object select Object data Here I definded it try stmt conn createStatem
  • JavaScript 函数传递

    我有以下问题 我需要将 hello 函数传递给 name 然后他们调用它 但我收到错误 hello 不是函数
  • Puppeteer 无法在 AWS CodeBuild 上运行 Chrome

    我正在使用 Karma 来测试使用 ChromeHeadless 的 Angular4 项目 并且在本地一切正常 然后我尝试让它在 AWS CodeBuild 上运行 最初的问题是 CodeBuild VM 不包含 chrome headl
  • CBuilder/Delphi 的 HTML 编辑器

    我需要为 C Builder 5 找到基本的所见即所得 HTML 编辑器组件 以便用户创建一些简单的文本 我将其粘贴到现有的 HTML 页面模板中 只是一个简单的支持来创建链接 添加图像 使用标题 粗体 斜体 您可以将 TWebBrowse
  • 为什么我不能为类指定与文件名不同的名称?

    当我想创建一个java类时 它会自动生成一个与类同名的文件 但是当它生成一个类时 它可以更改与类名不同的文件名 我错过了什么吗 source screencast com http content screencast com users
  • Wordpress JsonAPI - 在此服务器上找不到 /wp-json/

    我正在使用以下插件Json 休息 API http wordpress org plugins json rest api 要测试插件文档 https github com WP API WP API blob master docs gu
  • 与“分割”和“场景标记”相比,“语义分割”是什么?

    语义分割只是一种重复 还是 语义分割 和 分割 之间有区别 场景标记 或 场景解析 有区别吗 像素级分割和像素级分割有什么区别 附带问题 当您拥有这种逐像素注释时 您是否可以免费获得对象检测 或者还有什么事情要做吗 请给出您的定义的来源 使
  • 用条件横向求和

    我有一个数据如下所示 ENO A B C D 1001 0 0 1 2 0 1001 1 9 0 0 2 2 1002 0 0 0 0 1002 0 0 6 6 0 1002 0 0 3 0 1003 0 0 0 0 1003 0 0 0
  • 如何在 MySQL 中对非英文字符串进行排序?

    CREATE TABLE IF NOT EXISTS gujarati name varchar 20 CHARACTER SET utf8 COLLATE utf8 unicode ci DEFAULT NULL ENGINE MyISA
  • 我的函数不断返回 None,即使它有 return 语句

    我有一个非常短的函数位于一个不断返回的类中None 尽管我已经将以前的 print 语句变成了 return 语句 但这就是我所拥有的 def explain self return print Wear a self getColor s
  • cypher、UNWIND 或 FOREACH 中的循环 (Neo4j)

    我的 neo4j 数据库中有一个关系 r RateableEntity lt t TAG h HashTags 现在我想要一个返回包含以下内容的列表的查询 的列表hashtagName以及它们在数据库中的频率hashtagCount以及与此
  • Zurb Foundation 手风琴嵌套在手风琴内部

    我在用着祖布基金会 http foundation zurb com对于响应式网站 我想使用以下 HTML 结构将手风琴嵌套在手风琴中 ul class accordion li class active div class title F
  • 如何显示jquery dropzone的错误消息

    我将 dropzone 与 CI 一起使用 我不知道如何在上传错误时显示错误消息和自定义消息 这是我的脚本 Dropzone autoDiscover false try var myDropzone new Dropzone adminf