質問編集履歴

6

説明の詳細の追加。

2023/01/31 20:39

投稿

alizona
alizona

スコア126

test CHANGED
File without changes
test CHANGED
@@ -3,10 +3,8 @@
3
3
  画像をjavascriptで生成して、postで送信してるのですが、受信先で
4
4
  src が '' となっていて、unknown url type: ''" というエラーが出ます。
5
5
 
6
- したのjavascriptで src に dataをセットしているのですが、受信先では ' ' となります。
6
+ したのjavascriptで Take photo を押して下に画像が表示されているので、canvas に出力できており、 src に dataをセットしているのですが、受信先では ' ' となります。
7
7
  どなたかアドバイスいただけないでしょうか?
8
-
9
- Take photo を押して下に画像が表示されています。
10
8
 
11
9
 
12
10
  ![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2023-02-01/81c52034-500f-47b3-9608-f5f1550fb86c.png)

5

line added.

2023/01/31 20:25

投稿

alizona
alizona

スコア126

test CHANGED
File without changes
test CHANGED
@@ -5,6 +5,11 @@
5
5
 
6
6
  したのjavascriptで src に dataをセットしているのですが、受信先では ' ' となります。
7
7
  どなたかアドバイスいただけないでしょうか?
8
+
9
+ Take photo を押して下に画像が表示されています。
10
+
11
+
12
+ ![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2023-02-01/81c52034-500f-47b3-9608-f5f1550fb86c.png)
8
13
  ```python
9
14
  #全体のコードは下にあります。
10
15
  function takepicture() {
@@ -14,13 +19,14 @@
14
19
  canvas.height = height;
15
20
  context.drawImage(video, 0, 0, width, height);
16
21
 
17
- var data = canvas.toDataURL('image/png');
22
+ var data = canvas.toDataURL('image/png'); <----この変換が間違えているのでしょうか?
18
23
  photo.setAttribute('src', data); <- ここでpostのwebimnにdataをセットしているのですが、受け取るところでは'' ' になります。
19
24
  } else {
20
25
  clearphoto();
21
26
  }
22
27
  }
23
28
  ```
29
+
24
30
 
25
31
  ![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2023-02-01/243c00a8-d477-4ad7-88e5-8bd0019c9e37.png)
26
32
 

4

説明の追加

2023/01/31 20:17

投稿

alizona
alizona

スコア126

test CHANGED
File without changes
test CHANGED
@@ -2,13 +2,9 @@
2
2
  djangoで、パソコンのカメラにアクセスして写真を撮る機能を作っているのですが、
3
3
  画像をjavascriptで生成して、postで送信してるのですが、受信先で
4
4
  src が '' となっていて、unknown url type: ''" というエラーが出ます。
5
- コードの引用元
6
- https://stackoverflow.com/questions/62049649/capture-web-camera-image-and-upload-database-using-django/69367242#69367242?newreg=c17de1af308241f6be3f551c45017a4a
7
5
 
8
- Djangoは使っていないもこちらが大元の参考にされたサイトだ思います。
6
+ したのjavascriptで src に dataをセットしていですが受信先では ' ' なります。
9
- https://developer.mozilla.org/ja/docs/Web/API/Media_Capture_and_Streams_API/Taking_still_photos#%E3%83%87%E3%83%A2
7
+ どなたかアドバイスいただけないでしょうか?
10
-
11
-
12
8
  ```python
13
9
  #全体のコードは下にあります。
14
10
  function takepicture() {
@@ -29,11 +25,10 @@
29
25
  ![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2023-02-01/243c00a8-d477-4ad7-88e5-8bd0019c9e37.png)
30
26
 
31
27
  ![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2023-02-01/ab88a526-8b2f-4257-8905-84faef90c454.png)
32
- views.py
33
28
 
34
29
 
35
-
36
- ```urls.py
30
+ urls.py
31
+ ```
37
32
 
38
33
  from django.contrib.staticfiles.urls import staticfiles_urlpatterns
39
34
  from django.conf.urls.static import static
@@ -50,7 +45,7 @@
50
45
 
51
46
  ```
52
47
 
53
-
48
+ views.py
54
49
  ```python
55
50
  # Import these methods
56
51
  from django.core.files import File
@@ -185,3 +180,10 @@
185
180
  window.addEventListener('load', startup, false);
186
181
  })();
187
182
  ```
183
+
184
+ コードの引用元
185
+ https://stackoverflow.com/questions/62049649/capture-web-camera-image-and-upload-database-using-django/69367242#69367242?newreg=c17de1af308241f6be3f551c45017a4a
186
+
187
+ Djangoは使っていないものの、こちらが大元の参考にされたサイトだと思います。
188
+ https://developer.mozilla.org/ja/docs/Web/API/Media_Capture_and_Streams_API/Taking_still_photos#%E3%83%87%E3%83%A2
189
+

3

added

2023/01/31 20:02

投稿

alizona
alizona

スコア126

test CHANGED
File without changes
test CHANGED
@@ -1,15 +1,38 @@
1
1
 
2
2
  djangoで、パソコンのカメラにアクセスして写真を撮る機能を作っているのですが、
3
+ 画像をjavascriptで生成して、postで送信してるのですが、受信先で
3
- unknown url type: ''" というエラーが出ます。
4
+ src が '' となっていて、unknown url type: ''" というエラーが出ます。
4
- src が '' となっています。どのようにすれば、srcを post requestとして送れるようになるでしょうか?
5
-
6
5
  コードの引用元
7
6
  https://stackoverflow.com/questions/62049649/capture-web-camera-image-and-upload-database-using-django/69367242#69367242?newreg=c17de1af308241f6be3f551c45017a4a
7
+
8
+ Djangoは使っていないものの、こちらが大元の参考にされたサイトだと思います。
9
+ https://developer.mozilla.org/ja/docs/Web/API/Media_Capture_and_Streams_API/Taking_still_photos#%E3%83%87%E3%83%A2
10
+
11
+
12
+ ```python
13
+ #全体のコードは下にあります。
14
+ function takepicture() {
15
+ var context = canvas.getContext('2d');
16
+ if (width && height) {
17
+ canvas.width = width;
18
+ canvas.height = height;
19
+ context.drawImage(video, 0, 0, width, height);
20
+
21
+ var data = canvas.toDataURL('image/png');
22
+ photo.setAttribute('src', data); <- ここでpostのwebimnにdataをセットしているのですが、受け取るところでは'' ' になります。
23
+ } else {
24
+ clearphoto();
25
+ }
26
+ }
27
+ ```
8
28
 
9
29
  ![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2023-02-01/243c00a8-d477-4ad7-88e5-8bd0019c9e37.png)
10
30
 
11
31
  ![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2023-02-01/ab88a526-8b2f-4257-8905-84faef90c454.png)
12
32
  views.py
33
+
34
+
35
+
13
36
  ```urls.py
14
37
 
15
38
  from django.contrib.staticfiles.urls import staticfiles_urlpatterns

2

引用の追加

2023/01/31 19:40

投稿

alizona
alizona

スコア126

test CHANGED
File without changes
test CHANGED
@@ -2,6 +2,10 @@
2
2
  djangoで、パソコンのカメラにアクセスして写真を撮る機能を作っているのですが、
3
3
  unknown url type: ''" というエラーが出ます。
4
4
  src が '' となっています。どのようにすれば、srcを post requestとして送れるようになるでしょうか?
5
+
6
+ コードの引用元
7
+ https://stackoverflow.com/questions/62049649/capture-web-camera-image-and-upload-database-using-django/69367242#69367242?newreg=c17de1af308241f6be3f551c45017a4a
8
+
5
9
  ![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2023-02-01/243c00a8-d477-4ad7-88e5-8bd0019c9e37.png)
6
10
 
7
11
  ![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2023-02-01/ab88a526-8b2f-4257-8905-84faef90c454.png)

1

added

2023/01/31 19:34

投稿

alizona
alizona

スコア126

test CHANGED
File without changes
test CHANGED
@@ -1,7 +1,8 @@
1
1
 
2
2
  djangoで、パソコンのカメラにアクセスして写真を撮る機能を作っているのですが、
3
3
  unknown url type: ''" というエラーが出ます。
4
- urlopen の使い方間違えているでしょうか?
4
+ src '' となっています。どのようにすれば、srcを post requestとして送れようになるでしょうか?
5
+ ![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2023-02-01/243c00a8-d477-4ad7-88e5-8bd0019c9e37.png)
5
6
 
6
7
  ![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2023-02-01/ab88a526-8b2f-4257-8905-84faef90c454.png)
7
8
  views.py