当窗口打开文件上载时，页面会刷新

Question

我有一个jsp页面，我有一些上传图像的字段。我正在使用jquery.fileupload.js在我的jsp页面上传图像。当我点击按钮上传图片时，浏览图片的窗口会打开，但在后台会刷新页面。

请有人告诉我，为什么它会更新。

以下是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);
                        }
                });
            });