アップロード on qwerty.work

【EC-CUBE】商品CSVアップロード時に「XX'」が存在していませんとなるとき

Mon, 31 Jan 2022 12:14:42 +0900

エクセルで作成したCSVアップロードでエラー

複数の『商品カテゴリID』と『タグID』のある商品CSVをエクセルで作成し、EC-CUBE4.1.1の管理画面からアップロードしようとしたところ、以下のようなエラーが出て、アップロードに失敗しました。

エラーが発生しました。2行目以降の登録処理はキャンセルされました。

[ERROR] 2行目のタグ(ID)「15"」が存在しません。

[ERROR] 2行目のタグ(ID)「“7」が存在しません。

[ERROR] 2行目の商品カテゴリ(ID)「33”」が存在しません。

[ERROR] 2行目の商品カテゴリ(ID)「“7」が存在しません。

原因

カテゴリIDやタグIDを複数指定する場合、"7,15"といった感じでダブクォーテーションで囲まないといけません。よって、エクセル上は"7,15"と表示されているのですが、CSVをメモ帳や他のテキストエディタで開くと"""7,15"""となっていました。

以下はエクセルでの入力画面。

メモ帳で開くと、ダブルクォーテーションが3つ連続していました。これがエラーの原因です。

恐らく、書式が「文字列」になっている部分は「カンマ」があるとCSVの列が崩れないよう、自動的にダブルクォーテーションが追加されるようになっているみたいですね。更にダブルクォーテーションがあると、エスケープの意味でダブルクォーテーションをダブルクォーテーションで囲うようになるんだと思います。

これを修正すると正常にアップロードできるようになります。

回避策

エクセルで編集する場合、『商品カテゴリID』と『タグID』の列は書式を「文字列」にして「"」無しにすれば"7,15"のようにCSV出力できます。

メモ帳でCSVを開いてみると、エクセルではダブルクォーテーションを付けていないのに、ちゃんとダブルクォーテーションが一つ付いていました。

無事アップロード完了

CSVを修正してアップロードすれば、以下のように成功するはずです。

CSVファイルをアップロードしました。

[SUCCESS] 〇〇〇～〇〇〇行目を登録しました。

【EC-CUBE4】商品画像の最大サイズを制限して自動的にリサイズしてアップロードしたいとき。

Wed, 26 Jan 2022 11:37:19 +0900

アップロード画像の最大サイズを固定したい

EC-CUBEで商品写真をアップロードする際、誤ってリサイズせずに3000x2000ピクセルくらいの画像をアップロードしまうことがありました。デフォルトではサイズは無制限のようです。これをアップロードする際に自動的に800x800ピクセルまたは1000x1000ピクセルくらいにしたいと思い。どのようにしたらできるか調べると以下の参考ページを見つけることができ解決できたのでメモ。

対象バージョン：4.1.1

参考ページ

EC-CUBE4のファイルアップロードには「jQuery File Upload」が使われているようです。

https://github.com/blueimp/jQuery-File-Upload/wiki/Client-side-Image-Resizing https://github.com/blueimp/jQuery-File-Upload/wiki/Client-side-Image-Resizing

https://web.bright-b.com/eccube4-image-size-64/ https://web.bright-b.com/eccube4-image-size-64/

手順

変更を加えるテンプレート

縦横のサイズ上限値を指定するためには以下のファイルに変更を加えます。

ec-cubeのディレクトリ/src/Eccube/Resource/template/admin/Product.twig

追記するコード

Product.twig の 131行目に以下のコードがあるかと思います。

$('#{{ form.product_image.vars.id }}').fileupload({
    url: "{{ url('admin_product_image_add') }}", 
    type: "post",
    sequentialUploads: true,
    dataType: 'json',
    dropZone: $('#upload-zone'),
    done: function(e, data) {
        $('.progress').hide();
        $.each(data.result.files, function(index, file) {
            var path = '{{ asset('', 'temp_image') }}' + file;
            var $img = $(proto_img.replace(/__path__/g, path));
            var $new_img = $(proto_add.replace(/__name__/g, count_add));
            $new_img.val(file);
            $child = $img.append($new_img);
            $('#thumb').append($child);
            count_add++;
        });
        hideThumbnail();
        updateSortNo();
    },

この間に追記します。

$('#{{ form.product_image.vars.id }}').fileupload({
    url: "{{ url('admin_product_image_add') }}",
    type: "post",
    sequentialUploads: true,
    dataType: 'json',
    dropZone: $('#upload-zone'),
    disableImageResize: false, //新規追加　画像のリサイズを許可
    imageMaxWidth: 1000, //新規追加　横幅の最大サイズ
    imageMaxHeight: 1000, //新規追加  縦幅の最大サイズ
    imageQuality: 0.7, //新規追加　リサイズした画像の画質
    done: function(e, data) {
        $('.progress').hide();
        $.each(data.result.files, function(index, file) {
            var path = '{{ asset('', 'temp_image') }}' + file;
            var $img = $(proto_img.replace(/__path__/g, path));
            var $new_img = $(proto_add.replace(/__name__/g, count_add));
            $new_img.val(file);
            $child = $img.append($new_img);
            $('#thumb').append($child);
            count_add++;
        });
        hideThumbnail();
        updateSortNo();
    },

オプションの説明

https://github.com/blueimp/jQuery-File-Upload/wiki/Options https://github.com/blueimp/jQuery-File-Upload/wiki/Options

これで、アップロード時にリサイズされた画像がアップロードされていると思います。

Dreamweaverでアップロードした日本語のフォルダー名が文字化けする。

Sat, 16 Nov 2013 13:54:28 +0900

SEO対策として効果があるかどうかわかりませんが、検索キーワードの日本語でディレクトリを作ってみました。

例　http://example.com/賃貸/アパート/ ところが、Dreamweaverでアップロードしてリモートビューで見てみると「賃貸」も「アパート」もフォルダー名が文字化けしていました。

文字化けしているだけでアクセスはできるのかな？と思いましたが404エラー…。
UTF-8でURLエンコードした文字で名前を変更してもエラー…。
サーバーの内部エンコードがEUC-JPなので、EUC-JPでURLエンコードした文字で名前を変更してもエラー…

いろいろ調べた結果、Windowsで作成されたフォルダーやファイル名はシフトJISになっているらしく、Windows版のDreamweaverはシフトJISのままアップロードするので文字化けする模様。

UTF-8やEUC-JPでアップロードするためにはFFFTPなど、文字エンコードを指定してアップロードできるFTPソフトを使用しなければならないようです。

実際にFFFTPを使い、UTF-8でアップロードしてみたところ、「http://example.com/賃貸/アパート/」でアクセスできました。

ただ、Dreamweaverのリモートビューでは文字化けしていました…。

DreamweaverのFTP機能をもうちょっと強化して欲しいですね。