我已经为我的网站实现了上传。我成功地将文件和缩略图上传到服务器。谁能告诉我如何在网站上显示这些缩略图?
上传实现
<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>
我也无法看到取消按钮,我需要显示缩略图而不是文件名。
您在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获取它。尝试使用图像文件的整个路径