2012-09-11 86 views
0

我在我的ASp.Net應用程序中使用ajax表單上傳圖像。我需要刷新的圖像,所以我試試這個:刷新圖像jquery

$(function() { 
    $(".fileUploadForm").ajaxForm({ 
     success: function (data, text, xhr, form) { 
     var tmp = jQuery(this).closest("img[class=imageResource]").attr('src'); 
     } 
    }); 
}); 

這裏是我的形象:

<img class="imageResource" alt="picture" src="@Url.Action("Picture", new { id = Model.Id })" /> 

我怎麼能找到並改寫圖像源具有相同名稱

更新

這是我的html:

<div class="thumbnail"> 
<a target="_blank" href="/Template/OriginalPicture/8b8c824b-9605-4931-9fe2-1f5979baca42"> 
<img class="imageResource" src="/Template/Picture/8b8c824b-9605-4931-9fe2-1f5979baca42" alt="picture"> 
</a> 
<div class="caption"> 
<div style="margin-bottom: 5px;"> 
<form class="form-horizontal fileUploadForm" method="post" enctype="multipart/form-data" action="/Template/PictureResource?resourceId=8b8c824b-9605-4931-9fe2-1f5979baca42&configId=aa383b5a-23b2-4780-965e-ef4e95cd3fa2&pageNumber=1"> 
<div class="input-append"> 
<input type="file" name="picture"> 
<input class="span1" type="text" size="128" style="width: 86px;"> 
<button class="btn browse" type="button"> ...</button> 
<button class="btn" type="submit">Upload</button> 
</div> 
</form> 
</div> 
</div> 
+0

上傳後 - 您是否有圖像的新名稱? –

+0

不,我有同名 – revolutionkpi

+1

http://stackoverflow.com/questions/1997901/how-to-refresh-the-src-of-img-with-jquery – Breezer

回答

1

試試這個代碼:

$(function() { 
    $(".fileUploadForm").ajaxForm({ 
     success: function (data, text, xhr, form) { 
     var tmp = form.closest('.thumbnail').find('.imageResource').attr('src'); 
     form.closest('.thumbnail').find('.imageResource').attr('src', tmp + "?" + (new Date()).getTime()); 
     } 
    }); 
}); 

我不知道的jQuery(這)將返回一個形式(不記得是什麼「這個」有) (new Date()).getTime() - 只是改變圖像的URL和強制瀏覽器不從緩存中取得映像。呃。並沒有注意到.closest - 它會搜索最親密的父母,而不是一個子元素。您可以使用.find

form - 根據文檔closest('.thumbnail'),這是一個當前來自父類的最接近表單的.thumbnail。 .find('.imageResource')將僅在.thumbnail內搜索類別爲imageResource的元素。由於縮略圖中只有一個類imageResource的圖像標籤 - 上面的代碼應該可以正常工作

+0

謝謝,在我的頁面上我有4張圖片,並且您的代碼重新分析了所有工程,但不是當前 – revolutionkpi

+0

看到一個編輯。它假設圖像是在形式,並且只有一個'img' –

+0

但如果我有一些圖像,hoq我可以找到最新的? – revolutionkpi