sweet alert

laravelの開発でsweet alertを使ったので忘れないように記述。

| updateProfile(e){ 
|
|                 let file = e.target.files[0]; 
|                 let reader = new FileReader();|
|                 let limit = 1024 * 1024 * 2; 
|                 if(file['size'] > limit){ 
|                     swal({ 
|                         type: 'error', 
|                         title: 'Oops...', 
|                         text: 'You are uploading a large file', 
|                     }) 
|                     return false; |
|                 } 
|                 reader.onloadend = (file) => { 
|                     this.form.photo = reader.result; |
|                 } |
|                 reader.readAsDataURL(file); |
|             } |
|         } |

データの更新をするときに画像ファイルが大きすぎた時にアラートを発火する。

sweet alertの具体例は下のcodepen

See the Pen sweetalert demo by clown1108yu (@ningen11108yu) on CodePen.

他にも
http://d.bsnws.net/p/sweetalert%E3%82%92%E4%BD%BF%E3%81%A3%E3%81%9F%E3%83%87%E3%83%A2/