Byte[]からjpegへの変換方法が分からない。

Question

ASP.NET Core MVC の開発をしています。

【開発環境】
OS：Windows10
VisualStudio Professional 2019
Core 5.0.11
MySQL 8.0.22

以下のような方法で、画像ファイル(jpg)をDB(MySQL)にbyte[]形式で保存することはできた(と思っている)のですが、

    <input type="file" name="UploadFile">

(Controller)
public async Task<IActionResult> UploadSubmitAsync(IFormFile UploadFile)
{
    using (var memoryStream = new MemoryStream())
    {
        await UploadFileCollection[i].CopyToAsync(memoryStream);

        FileEntity fe = new FileEntity();
        fe.data = memoryStream.ToArray();

        FileDao fd = new FileDao();
        fd.Insert(fe);
    }
}

(Entity)
public class FileEntity
{
    public int no { get; set; }
    [Column(TypeName="mediumblob")]
    public byte[] data { get; set; }
}

SELECT で持ってきた byte[]形式のデータをjpegに変換する方法が分かりません。
変換できないと正しく保存できているかもわからず。。。。
jpeg 以外には png型式でも保存・表示、最終的にはpdfも保存・表示したいのですが jpegでつまずいている状況です。

ご存知の方、いらっしゃいましたらご教示いただけますでしょうか？

Comments

[退会済みユーザー]

> SELECT で持ってきた byte[]形式のデータをjpegに変換する方法が分かりません。

元は jpg ファイルでそれをサーバーにアップロードして DB にバイト列を保存したのですよね？　であれば、DB のバイト列は jpg 形式の画像ファイルのバイト列で、変換も何も必要ないことですけど？？？？

一体何がしたいのでしょう？　DB のデータを jpg ファイルとしてクライアントにダウンロードさせたいのですか？

[退会済みユーザー]

何を作っているか（MVC?, Razor Page? Web API? その他？）と開発環境（OS, Visual Studio, Core, MySQL のバージョンなど）を書いてください

[jinchan]

>元は jpg ファイルでそれをサーバーにアップロードして DB にバイト列を保存したのですよね？
はい。
＞であれば、DB のバイト列は jpg 形式の画像ファイルのバイト列で、変換も何も必要ないことですけど？？？？
そうなんですか？知識が足りなくてすみません。
そうなると、「変換したい」というより、「画像として表示したい」ということになります。

[退会済みユーザー]

何を作っているか（MVC?, Razor Page? Web API? その他？）と開発環境（OS, Visual Studio, Core, MySQL のバージョンなど）を書いてください。話はそれからにさせてください。

[jinchan]

開発環境は書かせていただきました。
何を作っているのか？というのが自信はないんですが、ASP.NET MVC でいいはずです。

[退会済みユーザー]

> 開発環境は書かせていただきました。

見当たりません。

> 自信はないんですが、ASP.NET MVC でいいはずです。

確信をもって答えてください。「自信はない」とか「はず」では話ができません。

[jinchan]

すみません。確認してます。

[jinchan]

ASP.NET Core MVC でした。

Answer 1

「画像として表示したい」ということになります。

今作っている ASP.NET MVC の「ある画面」に DB に byte[] 形式で保存されている jpg 画像を表示できれば良いのですよね。

であれば、まず以下の記事を参考に画像データをダウンロードするアクションメソッドを作成してください。

ASP.NET Core MVC でファイルダウンロード
http://surferonwww.info/BlogEngine/post/2020/01/20/aspnet-core-mvc-file-download.aspx

DB から画像データのバイト列を取得できるので、それを File メソッドの第 1 引数に設定してください。第 2 引数にはファイルの MIME タイプ（jpg なら "image/jpeg"）、第 3 引数は不用です。それで上の記事に書いてある FileContentResult が呼び出されます。

そして、その「ある画面」に html の img 要素を配置して、その src 属性にアクションメソッドの URL を設定すれば表示されるはずです。

Comments

[jinchan]

ありがとうございます。
明日にはなりますが、対応します。

[jinchan]

データベースからデータを取得して、
return File( byte[] , MIMEタイプ, ファイル名)
を返すアクションメソッドを作りました。
※img タグを使って表示するのではなく、ダウンロードする形に変えました。

PDFファイルはダウンロード→ファイルを開くことができたのですが、画像ファイル( jpeg, png )はダウンロード後ファイルを開こうとすると
「このファイルはサポートされていない形式のようです」
と表示されます。
原因を調査中です。

[退会済みユーザー]

ダウンロードしたファイルをバイナリエディタで開いて確認してはいかがですか？

画像ファイルの種類をバイナリデータを確認して判定する
https://www.t3a.jp/blog/web-develop/check-picture/

[jinchan]

ありがとうございます。やってみます。

[退会済みユーザー]

バイト列を見て紹介した記事のようになっていなければ、まず 元の jpg ファイルを調べて、それが問題なければ、 (1) 元の jpg ファイル ⇒ (2) ブラウザ ⇒ (3) Web サーバー ⇒ (4) ASP.NET Core アプリ ⇒ (5) MySQL ⇒ (6) ASP.NET Core アプリ ⇒ (7) Web サーバー ⇒ (8) ブラウザ ⇒ (9) ダウンロードしたファイル の過程のどこで問題が起きているか切り分けしてもらう他なさそうです。

[jinchan]

本当にご丁寧にありがとうございます。
アップロード前のjpeg は教えていただいたサイトにあった通り、先頭が FF D8 から始まっていましたが、ダウンロード後のjpegは、FF D8がアドレス 0x0000001B から始まっていました。
アップロード前のpng は先頭が 89 50 4E 47 から始っていましたが、 ダウンロード後のpngは、89 50 4E 47 が こちらもアドレス 0x0000001B から始まっていました。
これからまた細かく見てみます。

[退会済みユーザー]

UploadFileCollection とか FileEntity とか FileDao とか自分は見たことないのですが・・・

ググってみると Java の関係の何かのようですが、それで問題なく UploadSubmitAsync(IFormFile UploadFile) の引数で受けたデータが DB に保存できているのでしょうか？

[jinchan]

DBに保存は出来ています。MySQL WorkBechからも登録されていることは確認できています。

原因が分かりました。
FileDAOというファイルの中で
FileEntity.data = GetByteArray(reader["data"]);
（※reader["data"]←SQLで取得したdataカラムのデー）タ
という処理をして、byte[]型のdata に画像データ等を入れていたんですが、
この GetByteArray という処理の中で余分なバイト列が付与されていました。

protected static byte[] GetByteArray(object fieldValue)
{
BinaryFormatter bf = new BinaryFormatter();
using (MemoryStream ms = new MemoryStream())
{
bf.Serialize(ms, fieldValue);
return ms.ToArray();
}
}

ここの処理を直せば表示されるようになると思うので、調べてみます。

[jinchan]

すみません。
GetByteArrayなんて処理はいらなくて
FileEntity.data = (byte[])reader["data"];
とすればいいだけでした。

お騒がせして申し訳ありませんでした。

ご丁寧な対応、本当にありがとうございました。

[退会済みユーザー]

UploadFileCollection とか FileEntity とか FileDao とかは何なのでしょうか？　自作またはサードパーティ製のライブラリですか？