2013-11-29 4 views
5

У меня возникли проблемы с изменением текста по умолчанию моего загрузчика dropzone. Несмотря на то, что я инициализирован это так, он по-прежнему делает текст по умолчанию:Как изменить текст по умолчанию в dropzone.js?

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 
}; 

пытался также изменения dictDefaultMessage набор в dropzone.js, но не повезло :( по дороге, я такой предполагается использовать оба или удалить одну из них?

Любые предложения?

ответ

8

решаемые это, в том числе файл basic.css в одиночку. Это не делает спрайты, и у вас есть полный контроль над стилем внутри dropzone (он просто дает Джо базовый скелет для улучшения). При этом отображается dictDefaultMessage.

+0

Где basic.css? Я не могу найти его нигде ... – Kenny

+0

Css можно найти здесь - [https://github.com/enyo/dropzone/tree/master/downloads](https:/ /github.com/enyo/dropzone/tree/master/downloads) –

1

Это основано на документации 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 
}; 
+0

Хорошо, это странно. Кажется, не может изменить текст. Я даже сделал «Найти все» во всем моем решении и не могу найти текст, который в настоящее время установлен в любом месте. При поиске в дальнейшем я нашел Spritemap, который содержит текст. Почему это не изменило это на мой пользовательский текст? :( –

0

добавить CSS

.dz-message { 
    background: none; 
} 

.dz-message span { 
    display: block; 
} 
+0

Это предложение не работает. – user1

+0

это сработало для меня –

3

Единственное, что работал для меня, чтобы добавить:

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

в моем HTML-файл.

0

Добавление чего-либо с классом как «dz-message» заменит исходный текст.

Смежные вопросы