Показать полную графическую версию : Картинку вместо "Обзор/Browse"
Artem-Samsung
19-05-2011, 17:31
Как сделать поле для загрузки файлов вот таким? :
http://i.imgur.com/TyJYZ.png
Как я знаю, изменять средством CSS/HTML нельзя, что бы не было обманок всяких, но все же, можно ли сделать такое средствами js (jquery)?
http://plugins.jquery.com/project/custom-file
Artem-Samsung
19-05-2011, 19:42
То что нужно :-) Спасибо
Artem-Samsung
24-05-2011, 21:34
А оно как то передает файл POST-ом ?
Оно прозрачную форму создает (без 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"?
в самом 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];
Вообщем не работает.
Может кто то привести пример рабочего варианта объявления функции данного скрипта?
в readme (https://github.com/valums/file-uploader/blob/3fab3d49edaca9762f12e7b754dc6ce325ea19e7/readme.md) примеры есть вроде
Artem-Samsung
26-05-2011, 16:04
Есть для FileUploader, но не FileUploaderBasic :-(
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>
FileUploader Отлично работает в FF, Chrome, но в Opera, IE - не работает. »
с чего взяли? все грузится с qq.FileUploader (на свежих браузерах).
только action указать на скрипт server/php.php (готовый приемник). файлы в uploads/ грузятся.
Оно прозрачную форму создает (без enctype="multipart/form-data"), куда кладет input. Для формы дополнительно submit нужен. И желательно name для input определить. multiple не во всех браузерах работает. Т.е. там подредактировать сам скрипт нужно. »
у плагина, скорее всего, должна быть куча параметров, в т.ч. в какую форму включить, какое имя дать и т.п. Разбираться надо.
© OSzone.net 2001-2012
vBulletin v3.6.4, Copyright ©2000-2025, Jelsoft Enterprises Ltd.