1

IFormFile であるファイルのアップロードの新しい実装を使用しています。ビュー モデルを作成してモデルにマップしましたが、ビュー モデルの ImageFile プロパティで null 値を取得しています。レコードを挿入する際に、AngularJS を使用してリロードを防止しています。以下は私のビューとコントローラーです。

public string CreateNewProduct([FromBody] ProductViewModel _product)
    {
        var imgFile = _product.ImageFile; 
        var fileName = ContentDispositionHeaderValue.Parse(imgFile.ContentDisposition).FileName.Trim('"');
        var targetDirectory = Path.Combine(environment.WebRootPath, string.Format("Common\\Images\\"));
        var savePath = Path.Combine(targetDirectory, fileName);
        imgFile.CopyTo(new FileStream(savePath, FileMode.Create));

        Products product = new Products
        {
            ItemCode = _product.ItemCode,
            FileName = fileName,
            FilePath = savePath
        };

        context.Products.Add(product);
        context.SaveChanges();

        return "";
    }

そして、これがダイアログボックスでの私のビューです。

<div class="modal" role="dialog" id="addItemDialog">
<div class="modal-dialog">
    <div class="modal-content">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal">&times;</button>
            <h3 class="text-info">Add New Item</h3>
        </div>
        <div class="modal-body">
            <form id="newproductform" class="form-horizontal" role="form" enctype="multipart/form-data">

                <div class="form-group">
                    <span class="col-sm-3 control-label">Item Code</span>
                    <div class="col-sm-6">
                        <input type="text" class="form-control input-sm" ng-model="ItemCode" />
                    </div>
                </div>

                <div class="form-group">
                    <span class="col-sm-3 control-label">Image</span>
                    <input type="file" name="file" accept="image/*" onchange="angular.element(this).scope().selectFileforUpload(this.files)" required />
                    <span class="error" ng-show="(f1.file.$dirty || IsFormSubmitted) && f1.file.$error.required">Image required!</span>
                </div>
            </form>
        </div>
        <div class="modal-footer">
            <button type="submit" class="btn btn-success" ng-click="InsertProduct()">Submit</button>
            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        </div>
    </div>
</div>

送信ボタンを使用しましたが、ビュー モデルの ImageFile プロパティで null 値が取得されます。

これが私のビューモデルです。

    public class ProductViewModel
{
    public string ItemCode { get; set; }
    //[FileExtensions(Extensions = "jpg/jpeg")]
    public IFormFile ImageFile { get; set; } 
}
4

0 に答える 0