Как реализовать опцию выбора папки в Uploadify? - PullRequest
Новая
       3

Как реализовать опцию выбора папки в Uploadify?

1 голос
/ 23 сентября 2011

Uploadify прекрасно работает, и мне это нравится. Однако я просто не могу понять, как сделать выпадающий список, чтобы выбрать, какую папку для загрузки выбрать. Я хочу, чтобы мой пользователь мог выбрать папку для загрузки файла. Кто-нибудь знает хороший способ сделать это? Желательно просто.

Ответы [ 2 ]

3 голосов
/ 23 сентября 2011

Все довольно просто. 

<script type="text/javascript">
$(document).ready(function() {
  $('#file_upload').uploadify({
    'uploader'  : '/uploadify/uploadify.swf',
    'script'    : '/uploadify/uploadify.php',
    'cancelImg' : '/uploadify/cancel.png',
    'folder'    : $("#folder").val(),
    'auto'      : true
  });
});

$("#folder").change(function() {
    $('#file_upload').uploadifySettings('folder',$("#folder").val());
});
</script>

и выберите html со значениями папки. 

<select id="folder">
    <option value="/uploads">Uploads</option>
    <option value="/videos">Videos</option>
    <option value="/music">Music</option>
</select>
0 голосов
/ 10 декабря 2011

небольшая ошибка .... 

<script type="text/javascript">
  $(document).ready(function() {
  $('#file_upload').uploadify({
    'uploader'  : '/uploadify/uploadify.swf',
    'script'    : '/uploadify/uploadify.php',
    'cancelImg' : '/uploadify/cancel.png',
    'folder'    : $("#folder").val(),
    'auto'      : true
  });
}); // should not be here - goes above </script>

  $("#folder").change(function() {
    $('#file_upload').uploadifySettings('folder',$("#folder").val());
  });
</script>

мой код (игнорировать расположение скрипта / также я установил для папки первый параметр #folder, который в моем раскрывающемся меню является дабстепом)

Головная секция JS 

<script type="text/javascript">
$(document).ready(function() {
    $('#file_upload').uploadify({
        'uploader'          : 'upload/uploadify.swf',
        'script'            : 'upload/uploadify.php',
        'cancelImg'         : 'upload/cancel.png',
        'folder'            : 'upload/dropbox/dubmin',
        'fileExt'           : '*.mp3',
        'fileDesc'          : '.mp3 files only',
        'multi'             : true,
        'queueSizeLimit'    : 4,
        'queueID'           : 'queue',
        'sizeLimit'         : 52428800,
        'wmode'         : 'transparent'
        });

    $("#folder").change(function () {
        var path = "upload/dropbox/" + $(this).val();
        $('#file_upload').uploadifySettings('folder', path);
    });
    /* begin test to see if js switching to correct folder (remove or comment out section when done) */
    $('#test').click(function(){
        var folderz = $('#file_upload').uploadifySettings('folder');
        alert("folder is set to: "+folderz);
    });
    /* begin test to see if js switching to correct folder */
});
</script>

HTML-код 

<select id="folder" name="folder">
    <option value="dubtem">Dubstep</option>
    <option value="liqmin">Liquid</option>
    <option value="drknro">Neuro</option>
    <option value="other">Other</option>
</select>
<button type="button" id="test">Which Folder?</button>
</p>
<input id="file_upload" name="file_upload" type="file" />
<div id="queue"></div>
<a href="javascript:$('#file_upload').uploadifyUpload();"><img src="submit.png" id="submit_img"></a>

закомментируйте или удалите раздел теста из html или js, когда закончите с ним.

...