Uploadify OnComplete使用asp.net显示图像和图像URL

时间:2011-09-04 14:32:05

标签: jquery asp.net uploadify

我正在尝试将图片上传到文件夹,然后尝试在上传后立即显示我能够显示图片并且无法同时显示图片。

但我个人可以互相展示。

非常感谢任何帮助

提前致谢

这是我的java脚本代码:

<script type="text/javascript">
$(window).load(
function () {
    $("#Inputfile").fileUpload({
        'uploader': 'scripts/uploader.swf',
        'cancelImg': 'images/cancel.png',
        'buttonText': 'Browse Files',
        'script': 'UploadVB.ashx',
        'folder': 'uploads',
        'fileDesc': 'Image Files',
        'fileExt': '*.jpg;*.jpeg;*.gif;*.png',
        'queueSizeLimit': 3,
        'simUploadLimit': 2,
        'sizeLimit'   : 4000000,
        'multi': true,
        'auto': false,
        'onQueueFull'    : function (event,queueSizeLimit) {
         alert("I'm stuffed, please don't put anymore files in me!");
         return false;
         },
     'onComplete': function (event, queueID, fileObj, response, data) {
         $("#showimage").append("<img  src='" + response + "' height='500px' width='500px' />");
         $("#showimage").html(document.write('http://localhost:XXXX' + fileObj.filePath));
         },      

        'onError' : function (event,ID,fileObj,errorObj) {
                  alert(errorObj.type + ' Error: ' + errorObj.info);
}

});
}
);

1 个答案:

答案 0 :(得分:2)

.html()正在用html替换$("#showimage")的内容,这会消除图像。尝试在html中包含您的图片代码:

$("#showimage").html('<img src="' + response + '" height="500" width="500" /><br />http://localhost:XXXX' + fileObj.filePath);