PDA

Показать полную графическую версию : Картинку вместо "Обзор/Browse"


Artem-Samsung
19-05-2011, 17:31
Как сделать поле для загрузки файлов вот таким? :
http://i.imgur.com/TyJYZ.png

Как я знаю, изменять средством CSS/HTML нельзя, что бы не было обманок всяких, но все же, можно ли сделать такое средствами js (jquery)?

rsod
19-05-2011, 19:04
http://plugins.jquery.com/project/custom-file

Artem-Samsung
19-05-2011, 19:42
То что нужно :-) Спасибо

Artem-Samsung
24-05-2011, 21:34
А оно как то передает файл POST-ом ?

Sham
25-05-2011, 15:48
Оно прозрачную форму создает (без enctype="multipart/form-data"), куда кладет input. Для формы дополнительно submit нужен. И желательно name для input определить. multiple не во всех браузерах работает. Т.е. там подредактировать сам скрипт нужно.

Artem-Samsung
25-05-2011, 17:25
решил использовать вот такой вот ajax uploader (http://valums.com/ajax-upload/) ,
не знаете, как заменить надпись: "Upload File"?

Sham
25-05-2011, 17:41
в самом js-скрипте поищите по "Upload a file" - там видно html, который вставляется.

Artem-Samsung
26-05-2011, 13:25
Пытаюсь воспользоваться скриптом загрузки файла:
https://github.com/valums/file-uploader/issues/114

FileUploader Отлично работает в FF, Chrome, но в Opera, IE - не работает.
Но есть еще по словам официального сайта и функция: FileUploaderBasic - которая работает во всех браузерах.

Но описание того, как воспользоваться
FileUploaderBasic

нигде не нашел, разве что здесь:
https://github.com/valums/file-uploader/issues/114

Следовательно создаю элемент:
<button TYPE=BUTTON id="button_id">asdasd</button>

<script>
function createUploader(){
var uploader = new qq.FileUploaderBasic({
button: '#button_id',
action: 'upload.php'
});
}
window.onload = createUploader;
</script>

Фаербаг выдает ошибку:
first is undefined
first[prop] = second[prop];

Вообщем не работает.
Может кто то привести пример рабочего варианта объявления функции данного скрипта?

Sham
26-05-2011, 16:01
в readme (https://github.com/valums/file-uploader/blob/3fab3d49edaca9762f12e7b754dc6ce325ea19e7/readme.md) примеры есть вроде

Artem-Samsung
26-05-2011, 16:04
Есть для FileUploader, но не FileUploaderBasic :-(

Sham
26-05-2011, 16:37
var uploader = new qq.FileUploaderBasic({
button: '#button_id',
action: 'upload.php'
}); »
попробуйте по другому (не через параметры)
var uploader = new qq.FileUploaderBasic;
uploader._options.button = '#button_id';
uploader._options.action = 'upload.php';

Artem-Samsung
26-05-2011, 17:44
Неа, как то не реагирует :-( ошибок не выдает

<script>
function createUploader(){

var uploader = new qq.FileUploaderBasic;
uploader._options.button = '#button_id';
uploader._options.action = 'upload.php';

}
window.onload = createUploader;
</script>

Sham
26-05-2011, 20:41
FileUploader Отлично работает в FF, Chrome, но в Opera, IE - не работает. »
с чего взяли? все грузится с qq.FileUploader (на свежих браузерах).

только action указать на скрипт server/php.php (готовый приемник). файлы в uploads/ грузятся.

rsod
02-06-2011, 12:30
Оно прозрачную форму создает (без enctype="multipart/form-data"), куда кладет input. Для формы дополнительно submit нужен. И желательно name для input определить. multiple не во всех браузерах работает. Т.е. там подредактировать сам скрипт нужно. »
у плагина, скорее всего, должна быть куча параметров, в т.ч. в какую форму включить, какое имя дать и т.п. Разбираться надо.




© OSzone.net 2001-2012