0

重複の可能性：
ファイルのアップロードASP.NET MVC 3.0

デバッガーでファイルの名前を出力して、ここまで取得していることを確認しようとしています。

<EmployeeAuthorize()>
<HttpPost()>
Function SendNewMessage(ByVal file1 As HttpPostedFileBase) As JsonResult


    Dim fileName = Path.GetFileName(file1.FileName)
    Debug.Print(fileName)

    Return Nothing

End Function

私はこれでデータを送信しています：

var file1 = $('#file1').val();

            $(this).parent('li').hide();
            $('#pleaseWait').show();

            $.ajax({
                url: '/Message/SendNewMessage',
                type: 'post',
                data: { file1: file1 },
                dataType: 'json',
                success: function (result) {
                    // update with results
                    //alert(JSON.stringify(result));
                    $.each(result, function (i, item) {
                        // do nothing
                    });
                    $('#myDiv').html(JSON.stringify(result));

                },
                error: function (result) {
                    alert('An error occurred when updating the database.  Please contact technical support.  ');

                }
            });

コンソールにデータが出力されません。NullReferenceExceptionファイル名がまったく取得されていないと推測できるようになります。私は何が間違っているのですか？ありがとう。

4

1 に答える 1

2

ファイルをajaxから直接アップロードすることはできません。その代わりに、iframe、flash、またはjqueryの特別なプラグインを使用する必要があります。

たとえば、jqueryフォームプラグインを介してajaxファイルのアップロードを実行できます。

これを試してください、それは動作します：

Public Class MessageController Inherits System.Web.Mvc.Controller

    Function SendNewMessage(ByVal file1 As HttpPostedFileBase) As JsonResult


        Dim fileName = Path.GetFileName(file1.FileName)
        Debug.Print(fileName)

        Return Nothing

    End Function

End Class

そしてこれはあなたの見解では：

<script type="text/javascript" >
    $(function () {
        var options = {
            beforeSubmit: function (formData, jqForm, options) { },  // pre-submit callback 
            success: function (responseText, statusText, xhr, form) { }   // post-submit callback 
        };
        // bind form using 'ajaxForm' 
        $('#uploadForm').ajaxForm(options);
    });
</script>

<form action="/Message/SendNewMessage" enctype="multipart/form-data" method="post" id="uploadForm" >
    <input type="file" name="file1" />
    <input type="submit" value="send" /> 
</form>
于 2012-10-17T18:48:21.083 に答える