0;}</style>そして、プラスアイコンタップ時にイベントを設定します。/>)をクリックするものです。iOSのWebViewではなぜかファイル選択ダイアログが開かないため、繰り返しclickイベントを呼び出す必要があります。backendのファイルストアへアップロードしています。本格的なアプリ開発を行う場合は、写真のリサイズ処理を行った方が良いでしょう。ファイルストアへアップロードされた写真にはアクセス権限を付与でき、またHTTPS経由でもアクセスできるようになっています。backendの管理画面でHTTPSアクセスを有効にしておきます。(処理内容は後述)にてファイルアップロード処理を行っています。一つ目の引数がファイル名、二つ目の引数がファイルオブジェクトになります。プロフィール写真の名前は他のユーザと被らない名前になっていなければなりません。ファイルのプリフィックスとしています。{ons.notification.alert(JSON.stringify(err));})});アップロードが完了するとその写真のURLが返ってきますので、自分のプロフィール画像を表示している要素を更新します。フィールドにもURLを保存しておきます。アップロードは非同期処理になりますので、全体をPromiseで囲みます。引数としては順番にファイル名、ファイル内容、アクセス権限となっています。ファイルアップロード処理はプロフィール以外でも使いますので関数化しておくと便利です。{rej(err);})});};以上で、プロフィール写真のアップロード処理が完了です。クラウドに写真をアップロードする場合、その受け口になるサーバを立てたり、バイナリファイルを保存したり面倒な印象があります。backendを使うことで大幅に軽減されるはずです。今回の記事ではユーザ名とプロフィール画像の変更機能が実装できました。次回は写真投稿機能を作っていきます。v0.3にアップロードしてあります(次回の写真アップロード機能も含まれています)。実装時の参考にしてください。