Php uplodify的两个问题

Php uplodify的两个问题,php,jquery,Php,Jquery,我已经实现了我的网站。我成功地将文件和缩略图上传到服务器。谁能告诉我如何在网站上显示这些缩略图 上传实现 <script type="text/javascript" language="JavaScript"> $(function() { $('#file_upload').uploadify({ 'removeCompleted' : false, 'swf' : 'uploadify.swf', 'uploader' : 'uploa

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

上传实现

<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
    });

$(函数(){
$('#文件上传')。上传({
“removeCompleted”:false,
'swf':'uploadify.swf',
'uploader':'uploadify.php',
“buttonText”:“添加/编辑图像”,
'cancelImg':'cancel.png',
“onUploadSuccess”:函数(文件、数据、响应){
警报('文件保存到:'+数据);
},
onComplete:函数(事件、队列ID、fileObj、响应、数据){
$('#缩略图).append(');
}
//把你的选择放在这里-ashish tyagi
});
HTML代码:

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


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

您在onUploadSuccess事件中有文件名,并且您应该知道文件上载到的目录。只要您知道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 + '\" />');
         }
    });
});
$(函数(){
var base_url=”http://example.com/";
$('#文件上传')。上传({
“removeCompleted”:false,
'swf':'uploadify.swf',
'uploader':'uploadify.php',
“buttonText”:“添加/编辑图像”,
'cancelImg':'cancel.png',
“onUploadSuccess”:函数(文件、数据、响应){
$(“#缩略图”)。附加(“”);
}
});
});

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

我尝试了图像的绝对路径,但它不起作用。那么上传成功了吗?你能看到你上传到服务器上的文件吗?是的,我能看到文件在我的服务器上,它甚至可以正确地创建缩略图