質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
Cordova

Cordovaは様々なデバイスで使うことができるオープンソースなモバイル用開発プラットフォームです。開発者に各デバイスの元のプラットフォームで開発する必要をなくし、HTML・JavaScript・CSSなどの一般的なウェブのテクノロジーを使ってすべてのデバイスで展開することができるモバイルのアプリケーションを生成することを可能にします。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

Q&A

解決済

2回答

422閲覧

CordovaでBase64に変換して画像を送信したいです

KeijiKawashima

総合スコア47

Cordova

Cordovaは様々なデバイスで使うことができるオープンソースなモバイル用開発プラットフォームです。開発者に各デバイスの元のプラットフォームで開発する必要をなくし、HTML・JavaScript・CSSなどの一般的なウェブのテクノロジーを使ってすべてのデバイスで展開することができるモバイルのアプリケーションを生成することを可能にします。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

0グッド

0クリップ

投稿2017/07/28 11:31

お世話になっております。

現在Cordova(Ionic v1)を使用してモバイルアプリを作成しているのですが、
その中で画像ファイルをBase64に変換して文字列としてAPIに送信するプログラムを作成したいと考えております。
どのようにしたら、Cordova(Javascript)でBase64に変換することができますでしょうか。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答2

0

自己解決

$cordovaCameraを定義してあげることで、$cordovaCameraのDATAURL属性を使ってファイル送信することが可能でした。

javascript

1$scope.select_photo = function() { 2 3 var options = { 4 quality: 50, 5 destinationType: Camera.DestinationType.DATA_URL, 6 sourceType: Camera.PictureSourceType.PHOTOLIBRARY, 7 encodingType: Camera.EncodingType.JPEG, 8 saveToPhotoAlbum: false 9 }; 10 11 $cordovaCamera.getPicture(options).then(function(imageData) { 12 $scope.results = imageData; 13 var img = 'data:image/jpeg;base64,' + $scope.results; 14 var html = document.getElementById("ankenPhoto1").innerHTML; 15 document.getElementById("ankenPhoto1").innerHTML = html + '<img src="' + img + '" class="anken_photos">'; 16 $scope.photos.push(img); 17 console.log(img); 18 }, function(err) { 19 alert('エラーが発生しました。'); 20 console.log(err); 21 }); 22 };

投稿2017/10/05 08:13

KeijiKawashima

総合スコア47

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

0

Cordovaは良くわかりませんが、カメラからの入力であればプラグインを、画像ファイルからの入力であればcanvasやFileReaderを使えば出来そうです。

【GitHub - apache/cordova-plugin-camera: Mirror of Apache Cordova Plugin camera】
https://github.com/apache/cordova-plugin-camera#cameragetpicturesuccesscallback-errorcallback-options

【Get image data in JavaScript? - Stack Overflow】
https://stackoverflow.com/questions/934012/get-image-data-in-javascript

【javascript - Phonegap encode image base64 - Stack Overflow】
https://stackoverflow.com/questions/14286014/phonegap-encode-image-base64

投稿2017/07/29 05:34

kei344

総合スコア69364

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問