質問編集履歴
2
picBlobの定義の部分を訂正しました。
test
CHANGED
File without changes
|
test
CHANGED
@@ -48,7 +48,7 @@
|
|
48
48
|
|
49
49
|
function onPhotoDataSuccess(imageData) {
|
50
50
|
|
51
|
-
var byteString = atob();
|
51
|
+
var byteString = atob(imageData);
|
52
52
|
|
53
53
|
var ia = new Uint8Array(byteString.length);
|
54
54
|
|
@@ -58,7 +58,7 @@
|
|
58
58
|
|
59
59
|
}
|
60
60
|
|
61
|
-
var picBlob = new Blob([a
|
61
|
+
var picBlob = new Blob([ia], 'image/jpeg'); // MIMETYPEは画像に合わせる
|
62
62
|
|
63
63
|
}
|
64
64
|
|
1
javascript部分を少し変更しました。
test
CHANGED
File without changes
|
test
CHANGED
@@ -48,40 +48,42 @@
|
|
48
48
|
|
49
49
|
function onPhotoDataSuccess(imageData) {
|
50
50
|
|
51
|
-
var smallImage = document.getElementById('smallImage');
|
52
|
-
|
53
|
-
|
54
|
-
|
55
|
-
smallImage.style.display = 'block';
|
56
|
-
|
57
|
-
smallImage.src = imageData;
|
58
|
-
|
59
|
-
if(smallImage){
|
60
|
-
|
61
|
-
|
51
|
+
var byteString = atob();
|
52
|
+
|
62
|
-
|
53
|
+
var ia = new Uint8Array(byteString.length);
|
54
|
+
|
55
|
+
for (var i = 0, l = byteString.length; i < l; i++) {
|
56
|
+
|
57
|
+
ia[i] = byteString.charCodeAt(i);
|
58
|
+
|
63
|
-
|
59
|
+
}
|
60
|
+
|
61
|
+
var picBlob = new Blob([ab], 'image/jpeg'); // MIMETYPEは画像に合わせる
|
64
62
|
|
65
63
|
}
|
66
64
|
|
67
65
|
|
68
66
|
|
69
|
-
//画像を送るための準備
|
70
|
-
|
71
|
-
var formData = new FormData();
|
72
|
-
|
73
|
-
var file = picture;
|
74
|
-
|
75
|
-
formData.append('file', file);
|
76
|
-
|
77
|
-
|
78
|
-
|
79
67
|
// 送信ボタンを押した後の処理
|
80
68
|
|
81
69
|
function onButtonClick() {
|
82
70
|
|
83
71
|
|
84
72
|
|
73
|
+
var formData = new FormData();
|
74
|
+
|
75
|
+
formData.append('test1', id);
|
76
|
+
|
77
|
+
formData.append('test2', title);
|
78
|
+
|
79
|
+
formData.append('test3', latitude);
|
80
|
+
|
81
|
+
formData.append('test4', longitude);
|
82
|
+
|
83
|
+
formData.append('pic', picBlob); //ここを除けば正常に動きます。
|
84
|
+
|
85
|
+
|
86
|
+
|
85
87
|
//データベースへ送信
|
86
88
|
|
87
89
|
$.ajax({
|
@@ -90,26 +92,14 @@
|
|
90
92
|
|
91
93
|
type:"POST",
|
92
94
|
|
93
|
-
data: {
|
94
|
-
|
95
|
-
test1 : id,
|
96
|
-
|
97
|
-
test2 : title,
|
98
|
-
|
99
|
-
test3 : latitude,
|
100
|
-
|
101
|
-
|
95
|
+
data: formData,
|
102
|
-
|
96
|
+
|
103
|
-
|
97
|
+
success: function(data){
|
98
|
+
|
99
|
+
alert(data);
|
104
100
|
|
105
101
|
},
|
106
102
|
|
107
|
-
success: function(data){
|
108
|
-
|
109
|
-
alert(data);
|
110
|
-
|
111
|
-
},
|
112
|
-
|
113
103
|
error: function(XMLHttpRequest, textStatus, errorThrown){
|
114
104
|
|
115
105
|
alert("ng");
|