如何在Uploadify中實現選擇文件夾選項？

Question

Uploadify很棒，我喜歡它。但是，我只是不知道如何使下拉列表選擇要選擇的上傳文件夾。我希望我的用戶能夠選擇一個文件夾來上傳文件。任何人都知道這樣做的好方法？最好簡單。

Answer 1

稍有不慎....

<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頭部分

<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中的測試部分。

Answer 2

這很簡單。

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