DBから画像データのSelect

現在Blob型のimgカラムにbase64で画像データを格納しています。
このデータをSelect文で取得すると
格納されているデータと取得したデータに差異が見られ画像を表示できませんでした。

どうやら文字列の頭と末尾付近は合っていそうなのですが、データサイズがかなり異なっているため中ほどのデータが欠損しているのではないかと思われます。

それを解決する方法が思いつかないのですが何か方法はあるのでしょうか？

php
1$query = "SELECT id,img FROM table WHERE id=$id";
2$stmt = $pdo->prepare($query);
3$stmt->execute();
4$rows = array();
5while($row = $stmt->fetch(PDO::FETCH_ASSOC)){
6    $rows[] = $row;
7}
8echo (json_encode($rows));

javascript
1$.ajax({
2    type: "POST",
3    url: "***.php",
4    data: data,
5    success: function(data, dataType){
6        data = eval(data);
7    $('#img').css('background-image','url('+data[0].img+')');
8    }
9});

行動規範の内容に同意します

回答2件

画像を表示できないとありますが、そもそも複数データを受けるように
配列を利用してますから、ajaxで受けても画像としては
表示できないですよね？
あえてやるならbase64dでエンコードして以下のように処理するとか
（配列でうけとってるならループして取り出す）

print '<img src="data:images/jpeg;base64,'.base64_encode($img).'" />';

投稿2017/01/18 04:57

yambejp

総合スコア114819

RyotaOgiyama

2017/01/18 05:02

画像表示までのコードは見せていませんが表示させる際には配列の要素のみ取っていますよ

yambejp

2017/01/18 05:06

なるほど、ではimgの表示方法も私の指示したとおりやられているということですか？

RyotaOgiyama

2017/01/18 05:08

imgの表示はjqueyを使ってbackground-imageのurlを変更する手順で行っています。

yambejp

2017/01/18 05:13

＞background-imageのurlを変更する urlを変更するとなると画像ローダーのような仕組みでurlを指定する必要があるのでは？なぜajaxでデータを受け取っているかわかりません。 imgload.php?id=1 的なurl指定をして、画像が呼び出されるようにしたほうが効率的だと思いますが

RyotaOgiyama

2017/01/18 05:20

data:image/png;base64,iVBOR...== みたいな形をURLにいれても表示されたのでこれを使っているのですが。。。 ajaxを使う理由としてはGoogleMapと連携したものを作っており、リアルタイムでかつページ遷移はさせたくないのでajaxを使っています。

行動規範の内容に同意します

ベストアンサー

MYSQLのBLOB型は最大で65,535バイトまでしか入りません。大きな画像を保存するならLONGBLOB型(4GB)にしてみてはどうでしょうか。というか、BLOBなのにbase64した文字列を保存する理由がよくわかりません。バイナリのまま入れれるのではないでしょうか？

投稿2017/01/18 04:12

masaya_ohashi

総合スコア9206

RyotaOgiyama

2017/01/18 04:18

FileAPIというものをつかっているのですがどうやら勝手にbase64の形式になってしまうみたいでそのまま格納しています。バイナリに変換してから格納したほうがいいでしょうか？それとデータそのものはしっかりDBに入っていてphpmyadminでbinファイルを取得しブラウザで確認しましたが、きちんと表示されます

masaya_ohashi

2017/01/18 04:22

ちょっと質問を勘違いしていたようです。SELECT実行あたりのコードも質問文に追記したらなにかわかるかもしれません。

RyotaOgiyama

2017/01/18 04:29

Select文追記いたしました。

masaya_ohashi

2017/01/18 04:31

あー、SQLだけじゃなく、そのあとimgを受け取っているコードの方も書いてください。

RyotaOgiyama

2017/01/18 04:40

知識は浅いので見当違いなことを書いていたらすいません。 ajax通信で情報を受け取っています。