0

我已经为我的网站实施了 uplodify。我成功地将文件和缩略图上传到服务器。谁能告诉我如何在网站上显示这些缩略图。

上传实现

<script type="text/javascript" language="JavaScript">
    $(function() {
$('#file_upload').uploadify({
    'removeCompleted' : false,
    'swf'      : 'uploadify.swf',
    'uploader' : 'uploadify.php',
    'buttonText' : 'Add/Edit Images',
'cancelImg' : 'cancel.png',
     'onUploadSuccess' : function(file, data, response) {
    alert('The file was saved to: ' + data);
},
onComplete : function(event,queueID,fileObj,response,data) {


 $('#thumbnails).append(<img src=\"' + response + '\" />');
}
        // Put your options here - ashish tyagi
    });

HTML 代码：

<tr><input type="file" name="file_upload" id="file_upload" /></tr>
<tr><div id=\"thumbnail"\></div></tr>

我也看不到取消按钮，我需要显示缩略图而不是文件名。

4

1 回答 1

0

您在 onUploadSuccess 事件中有文件名，并且您应该知道文件已上传到的目录。只要您知道 URL 的这两个部分，就可以构建要包含在页面上的图像的 URL。

$(function () {
    var base_url = "http://example.com/";

    $('#file_upload').uploadify({
        'removeCompleted': false,
         'swf': 'uploadify.swf',
         'uploader': 'uploadify.php',
         'buttonText': 'Add/Edit Images',
         'cancelImg': 'cancel.png',
         'onUploadSuccess': function (file, data, response) {
            $('#thumbnails').append('<img src=\"' + base_url + file.name + '\" />');
         }
    });
});

而且我不知道取消图像有什么问题，但我的猜测是浏览器正试图从错误的 URL 获取它。尝试使用图像文件的整个路径。

于 2013-04-23T03:40:19.860 回答