Question

我已经为我的网站实施了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 code：

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

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

Answer 1

你在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 + '\" />');
         }
    });
});

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

uploadify有两个问题

1 个答案: