如何更改dropzone.js中的默认文本?

时间:2013-11-29 14:24:39

标签: javascript dropzone.js

我无法更改dropzone上传器的默认文本。尽管事实上我已经像这样初始化它,它仍然呈现默认文本:

Dropzone.options.imgUpload = {
    paramName: "file", // Must match the name of the HttpPostedFileBase argument that the Upload action expects.
    dictDefaultMessage: "Drag your image here",
    acceptedFiles: "image/*" // Accept images only
};

还尝试更改dropzone.js中设置的dictDefaultMessage,但没有运气:( 顺便说说;我应该同时使用它们还是删除其中一个?

有什么建议吗?

4 个答案:

答案 0 :(得分:8)

单独包含basic.css文件解决了这个问题。这不会渲染精灵,你可以完全控制掉区内的样式(它只是给了jo一个基本的骨架来改进)。执行此操作时,会显示dictDefaultMessage

答案 1 :(得分:3)

这是基于dropzone.js(enter link description here

的文档

(没有样式) http://jsfiddle.net/44pnR/1/

<强> HTML

<form action="/file-upload"
      class="dropzone"
      id="img-upload"></form>

<强> JS

/*"imgUpload" is the camelized version of the HTML element's ID*/
Dropzone.options.imgUpload  = {
    paramName: "file", // Must match the name of the HttpPostedFileBase argument that the Upload action expects.
    dictDefaultMessage: "custom message",
    acceptedFiles: "image/*" // Accept images only
};

答案 2 :(得分:3)

唯一对我有用的是添加:

<div class="dz-message" data-dz-message><span>Drag your image here!</span></div>

进入我的HTML文件。

答案 3 :(得分:0)

使用“dz-message”类添加任何内容将替换原始文本。