0

ajax通話中に画像を表示しようとしています。jqueryformプラグインを使用しています。パスを正しく取得できないようです:ルートパスが必要です。コードは次のとおりです。

 $(function () {
                $("#ajaxUploadForm").ajaxForm({
                    iframe: true,
                    dataType: "json",
                    beforeSubmit: function () {
                        $("#ajaxUploadForm").block({ message: '<img src=' + '<%= @Url.Content("/Content/busy.gif") %>' + '/> Uploading Document...' });
                    },
                    success: function (result) {
                        $("#ajaxUploadForm").unblock();
                        $("#ajaxUploadForm").resetForm();
                        //$.growlUI(null, result.message);
                        if (result.message != 'Success') {
                            alert(result.message);
                        }
                        else {

                        }
                    },
                    error: function (xhr, textStatus, errorThrown) {
                        $("#ajaxUploadForm").unblock();
                        $("#ajaxUploadForm").resetForm();

                    }
                });
            });
4

1 に答える 1

0

このようにしてみてください:

$('#ajaxUploadForm').block({ 
    message: '<img src="<%= Url.Content("~/Content/busy.gif") %>" /> Uploading Document...' 
});

ただし、これが別のjavascriptファイルにあるかのように、などのヘルパーを使用することはできませんので注意してくださいUrl.Content。もう1つの可能性は、CSSを使用することです。

$('#ajaxUploadForm').block({ 
    message: '<div class="spinner">Uploading Document...</div>' 
});

また、CSSファイルでは、相対パス(CSSの場所に対する相対パス)を使用できます。したがって、~/Content/site.cssファイルがある場合は、次のルールを定義できます。

.spinner {
    background-image: url('busy.gif');
    width: 20px;
    height: 20px;
}
于 2011-07-11T16:44:29.240 に答える