我們可以使用Uploadify只是爲了漸進增強文件上傳輸入嗎？

當我做文件輸入時，我通常將它們的opacity設置爲0並在其下面放置一個browse按鈕（僅僅是因爲文件輸入本身非常醜陋和不靈活 - 而且我必須滿足設計者的要求）。我們可以使用Uploadify只是爲了漸進增強文件上傳輸入嗎？

我只是偶然發現了Uploadify。

我的表單目前正在使用文件輸入上傳的標準格式。

我希望用Uploadify只爲功能...

強制上傳提示分機（jpg，jpeg，png，gif）。
顯示一旦選定的文件名和文件大小

我設置爲不選擇自動上傳選項。

當我現在提交表單與這個jQuery調用代碼...

var fileTypes = []; 
$.each(config.validExt, function(i, ext) { 
fileTypes.push('*.' + ext); 
}); 

var fileInputs = form.find('input[type=file]'); 

fileInputs.uploadify({ 
'uploader' : config.basePath + 'assets/packages/uploadify/uploadify.swf', 
'script' : config.basePath + 'assets/packages/uploadify/uploadify.php', 
'cancelImg' : config.basePath + 'assets/packages/uploadify/cancel.png', 
'auto'  : false, 
'folder' : config.basePath + 'application/uploads', 
'fileDesc' : 'Images (' + config.validExt.join(', ') + ')' , 
'fileExt' : fileTypes.join(';') 
}); 

form.find('button[type=submit]').click(function(event) { 

fileInputs.uploadifyUpload(); 

});

它只是倒了，不上傳任何東西。

此外，從客戶端發送folder聽起來有點片狀，但我計劃通過PHP選擇文件夾。因此，基本上，我希望表單像往常一樣行事，只是爲了從使用Uploadify獲得這些好處。

這可能嗎？

感謝

來源

2010-10-26 alex

我不認爲這是。我在很少的項目中使用過Uploadify，使用起來有點棘手，但一旦你開始使用它，這是一種更好的上傳方式，用戶可以欣賞它。但我不認爲你可以使它完全像HTML輸入類型=「文件」字段一樣工作。要調試它不工作的原因，請在PHP腳本中記錄POST的內容。有可能你必須使用腳本的絕對路徑或相對路徑（使用前面的「/」）。 – 2010-10-27 06:12:55

嘗試通過onAllComplete選項提交表單。確保按鈕不是提交按鈕。

fileInputs.uploadify({ 
    'uploader'  : config.basePath + 'assets/packages/uploadify/uploadify.swf', 
    'script'  : config.basePath + 'assets/packages/uploadify/uploadify.php', 
    'cancelImg'  : config.basePath + 'assets/packages/uploadify/cancel.png', 
    'auto'   : false, 
    'folder'  : config.basePath + 'application/uploads', 
    'fileDesc'  : 'Images (' + config.validExt.join(', ') + ')' , 
    'fileExt'  : fileTypes.join(';'), 
    'onAllComplete' : function(event,data) { 
     form.submit(); 
    } 
}); 

form.find('#submit').click(function(event) { 
    fileInputs.uploadifyUpload(); 
});

來源

2010-10-28 05:16:02 RonnieSan

我們可以使用Uploadify只是爲了漸進增強文件上傳輸入嗎？

回答

相關問題