AngularJSだとfile-modelという属性を使って簡単に取得する方法があると思うのですが、riot.jsにもこのようなものがあるのか、わかる方がいれば教えていただきたいです。
(調べても見つけることができなく、ただ単に存在しないのかもしれませんが、よろしくお願いします)
【追記】
下記のようなコードで、アイコンをクリックして画像を選択すると、プレビューを表示したいと思っているのですが、なぜかできなくて困っています。
初心者ですが以前ネットで調べながらAngularで同様のものを作成したことがあったため、最初にご質問させていただいた答えがわかればできると思っていたのですが、躓いてしまったので、どこが悪いのか教えていただけると嬉しいです。
しっかりreader.onloadは実行されて、変数previewもtrueになっていることは確認できているのですが、なぜか表示がされない状況です。。
HTML
1<input type='file' id='inputEyecatch' class='inputEyecatch' onchange={onChange } hidden /> 2<i class='fa fa-picture-o' aria-hidden='true'></i> 3<img id='eyecatchImage' class='eyecatchImage' src={ previewSrc } show={ preview }>
javascript
1this.onChange = function(e) { 2 var fileData = e.target.files[0]; 3 var fileType = fileData.type; 4 5 if(!fileType.match(/^image/)) { 6 alert('画像を選択してください'); 7 return; 8 } 9 var reader = new FileReader(); 10 11 reader.onerror = function() { 12 alert('ファイル読み取りに失敗しました') 13 } 14 15 reader.onload = function() { 16 var preview = true; 17 var previewSrc = reader.result; 18 console.log(preview); 19 } 20 21 reader.readAsDataURL(fileData); 22}
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2016/09/17 17:35 編集
2016/09/17 17:41
退会済みユーザー
2016/09/17 17:49