モバイルでもScrapboxから自分のGyazoアカウントにアップロードしたい

画面長押しで、「upload image」というpopup menuをだせばよい気がする

モバイルってファイル選択ダイアログ的な物は出せるんだっけ？

scrapboxのpage data import画面でチェックしてみた

Android

ファイルもカメラも選べる！

こりゃサッと実装できそうだな

iOS

どうなるんだろ

Photo LibraryとiCloudが選択できた

押すとupload modalが出る

modalには <input type='file'> のformがある

中身をbase64エンコードしてGyazoのeasy_authに送る

あとは返り値であるGyazo画像URLを Stores.Line.addChar(\ ${imageUrl}\n\ ) で埋め込む

完了！

アップロード中にmodalを閉じたら？

アップロード中はbackdropをクリックしてもmodalを閉じれないようにする

代わりにupload cancelボタンを表示する

ボタンの中にmodalを置く

modalを閉じる為にmodal-backdropをクリックすると、ボタンをクリックした事になって再度modalが開いてしまう

modalを開いている間はbuttonにonClickを設定しなければよい

できてきた

ModalはPopupMenuのButtonに持たせれる

Storeを介する必要なし

mobile text paste modalのmodalも、そういう設計にしたい

やった

ローカルのchromeのandroid simulatorの様子

縦長の画像のmax-height

画面サイズとの比率 - modalを閉じるための余白分に設定している

androidでの様子

android実機だとカメラも選べる

カメラで撮影してすぐに埋め込めるの想像以上に便利

アップロード失敗した時

アップロード中にmodalを閉じるとアップロード失敗する

modal閉じる前にうまく確認入れるのができなかった

そのうち再チャレンジする

同様のエラー出るのでとりあえずはokだろう

携帯から画像アップするの、大変になりました。(iOS)

ここに画像を入れたい！というときにメニューを選択するのはめんどうに感じてしまう

画像アップ用のメニューがパッと出ない😱

はい。私も困っています。XSサイズ画面用page menuの開閉ボタンを常に表示したいで解決予定です

ボタン削除してわざとつらい状況を作ったけど手がまわらないまま2ヶ月経ちました

モバイルからScrapboxに画像アップロード