画像をアップロードするためのフィールドがいくつかあるjspページがあります.jspページに画像をアップロードするためにjquery.fileupload.jsを使用しています。ボタンをクリックして画像をアップロードすると、画像を閲覧するためのウィンドウが開きますが、バックグラウンドでページが更新されます。
なぜそれがリフレッシュされているのか誰か教えてください。
以下は、html ボタンの html コードです。
<button role="button" value="Upload" onclick="$(this).next().click()">Upload</button>
<input id="IMAGE_125_625" class="image-file" type="file"
name="file" style="display: none;"
data-url="/admin/product/image/upload?imageSize=IMAGE_125&imageId=625"
accept="image/*" />
そして、以下はJavaScriptコードがファイルのアップロードです
$(".image-file")
.each(function() {
$(this)
.fileupload(
{
dataType : "json",
acceptFileTypes : /(\.|\/)(jpe?g)$/i,
done : function(e,data) {
var src = "${pageContext.request.contextPath}/admin/image/load/"
+ data.result.link;
src += (((src.indexOf("?") !== -1) ? "&":"?")+randomNumber(10000));
$("#img_"+ e.target.id).attr("src",src);
}
});
});