我如何在上传中实现选择文件夹选项


How can I implement a choose folder option in Uploadify?

Uploadify效果很好,我喜欢它。然而,我只是不知道如何做一个下拉列表来选择上传文件夹。我希望我的用户能够选择一个文件夹来上传文件。有人知道怎么做吗?最好是简单。

这很简单。

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

小错误....

<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的第一个选项,这恰好是我的下拉菜单中的dubstep)

js head section

<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完成后。