localResizeIMGプラグイン画像圧縮組み合わせVUEエンドのモバイルアップロード写真

localResizeIMGの機能プラグインは、画像を圧縮し、その後、BASE64に変換することである背景を渡します。

まず第一に、

1 NPM私LRZ -save

その後、内部はLRZ main.jsを導入します

「LRZ」からインポートLRZ

最後に、あなたは、コンポーネント内に使用することができます

1 <変更= "uploadImg（$イベント）" ID = "ファイル"受け入れる= "画像/ *"クラス= "uploadImg"複数の@入力タイプ= "ファイル">

1  uploadImg（E）{
 2          LET =すなわち、この;
 3          LET imgFiles = e.target.files;
 4          IF（e.target.files.length that.showImgsrc.length +> = 4である。）{
 5。            メッセージボックス（ "プロンプト"、 "3枚、ください再アップロードの最大" ）;
 6          } 他{
 7。           ため（VAR I = 0、I <imgFiles.length; I ++ ）{
 8 LRZ（imgFiles [I]）
 9 .then（RST関数（）{
10 //処理が正常に実行されます
11 that.showImgsrc.push（rst.base64）。
12}）
13 .catch（関数（ERR）{
14の//実行に失敗しました処理します
15にconsole.log（ERR）。
16}）
17 .always（関数（）{
18は関係なく、成功または失敗の、実行されます//
19}）;
20            }
 21          }
 22        }、

私は、マルチマップのアップロードだ、そうshowImgsrcは、ページ上に表示されている画像フォーマットのbase64で配列なので、あなたも、その後の操作のためのバックグラウンド・インタフェースを渡すことができます。