jquery uploadify 在 ajax 调用中工作答案

【问题标题】：jquery uploadify work in ajax calljquery uploadify 在 ajax 调用中工作
【发布时间】：2010-06-23 11:02:52
【问题描述】：

我有一个带有 uploadify 按钮的文件，但它本身可以正常工作。

但是，我有一个父文件，它使用uploadify 调用该文件并将其显示在一个div 中。这不起作用。有没有办法在进行 ajax 调用时初始化上传器

谢谢

编辑对不起各位

好的对不起..

我有一个名为 Browse Files.. 的链接。

<a rel="button" href="index.cfm?action=File_Manager>Browse Files</a><div id="_browse_resource_image" class="gallery_container"></div>

这会在 _browse_resource_image div 中加载我的文件管理器。文件管理器允许用户查看服务器上的文件并导航到文件夹并选择文件等。文件管理器内部是上传按钮，这将允许用户将文件上传到用户当前所在的目录。希望这有意义吗？

$(document).ready(function() {
$("##fileInput1").uploadify({
    'uploader'       : '../assets/js/uploadify.swf',
    'script'         : 'file_manager/upload.cfm',
    'cancelImg'      : 'file_manager/cancel.png',
    'multi'          : true,
    'buttonImg'      : '../assets/img/upload.gif',
    'auto'           : 'true',
    'height'         : '23',
        'folder'     : $("##_browse_resource_image_path").val(),
    'fileDesc'       : 'All Images and Documents Only',
    'fileExt'        : '*.jpg;*.jpeg;*.png;*.gif;*.pdf;*.doc;*.docx'

});

});

文件夹是问题所在，如果它在 ajax 之外我需要使用 JS 但在里面我可以使用coldfusion。

【问题讨论】：

你能显示一些代码吗？我不明白你在做什么。
您没有指定足够的信息让人们了解正在发生的事情。请提供一些详细信息，说明您的原始按钮是如何工作的，以及您如何从“另一个文件”中调用它。

标签： jquery uploadify

【解决方案1】：

您如何加载包含uploadify 的部分内容？当您使用 jquery 时，您可能正在使用 jQuery.get http://api.jquery.com/jQuery.get/ 进行此 ajax 调用。

如果是这种情况，你必须在回调函数中初始化上传器

来自 jQuery 文档的示例

$.get('ajax/test.html', function(data) {
        alert('Load was performed.');
        //your init code
});

【讨论】：

【解决方案2】：

<script type="text/javascript">

$('##fileInput1').livequery(function(){
     $(this).uploadify({
        'uploader'       : '../assets/js/uploadify.swf',
        'script'         : 'file_manager/upload.cfm',
        'cancelImg'      : 'file_manager/cancel.png',
        'multi'          : true,
        'buttonImg'      : '../assets/img/upload.gif',
        'auto'           : 'true',
        'height'         : '23',
        'folder'         : $("##_browse_resource_image_path").val(),
        'fileDesc'       : 'All Images and Documents Only',
        'fileExt'        : '*.jpg;*.jpeg;*.png;*.gif;*.pdf;*.doc;*.docx'
    });
});
</script>

使用 livequery 成功了

干杯

【讨论】：