2011-04-16 43 views

回答

0

您可以使用Uploadify

由於@Groovetrain指出這是基於Flash的,你可能想使用的iframe,而不是要考慮的東西。但是,如果Flash是沒有問題的,這裏是代碼上載時顯示圖像:

標記

<input type="file" id="file_upload" name="file_upload" /> 
<a href="javascript:$('#file_upload').uploadifyUpload();">Upload Files</a> 
<div id="preview"></div> 

JS,我在過去使用

$('#file_upload').uploadify({ 
    'uploader' : '/uploadify/uploadify.swf', 
    'script'  : '/uploadify/uploadify.php', 
    'cancelImg' : '/uploadify/cancel.png', 
    'folder'  : '/uploads', 
    'fileExt'  : '*.jpg;*.gif;*.png', 
    'fileDesc' : 'Image Files' 
    'onComplete' : function(event, ID, fileObj, response, data) { 
     $('#preview').append('<img src="uploads/' + fileObj.name + "/>'); 
    } 
}); 
+0

的確如此,但這確實不是AJAX,因爲它是基於閃存的。 – Groovetrain 2011-04-16 18:01:42

+0

當然''onComplete'回調鉤子也是由無插件提供的。 – 2011-04-16 18:25:17

0

我的猜測是你需要一些沒有閃光的東西。爲了使它與JavaScript一起工作,您需要一個iframe解決方案。 (由於JavaScript的訪問限制) 這是一個很好的解決方案使用jQuery:http://valums.com/ajax-upload/ 你可以找到一些更多,如果你谷歌像「jQuery的IFRAME文件上傳」

1

使用$郵寄或$ AJAX功能,從獲取的圖像文件並更新包含div的圖像。

$.post('file_of_image', function(data) { 
    $('#image_containing_div').html(data); 
}); 

在包含文件的圖像中,在php引用中寫入echo「」和其他必要參數。

相關問題