質問編集履歴

2

picBlobの定義の部分を訂正しました。

2016/12/21 14:31

投稿

1ss411
1ss411

スコア17

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([ab], 'image/jpeg'); // MIMETYPEは画像に合わせる
61
+ var picBlob = new Blob([ia], 'image/jpeg'); // MIMETYPEは画像に合わせる
62
62
 
63
63
  }
64
64
 

1

javascript部分を少し変更しました。

2016/12/21 14:31

投稿

1ss411
1ss411

スコア17

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
- var picture = imageData;
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
- test4 : longitude,
95
+ data: formData,
102
-
96
+
103
- pic : formData //問題の画像の送信です。
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");