質問編集履歴

views.pyの入力ミス

2021/06/18 04:20

投稿

TRUM

スコア0

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -136,12 +136,6 @@
-    def get_success_url(self):
-        return resolve_url('app:user_detail', pk=self.kwargs['pk'])
 def get_signed_url(request,pk):
     if request.method == 'POST' and request.is_ajax():
@@ -200,7 +194,7 @@
 ```html
-<form  method="POST" enctype="multipart/form-data"action="{% url 'app:sign' user.pk %}" >
+<form  method="POST" enctype="multipart/form-data"action="{% url 'movie:sign' user.pk %}" >
 <div class="container mt-3">
@@ -280,7 +274,7 @@
             $.ajax({
-                url:  "{% url 'app:sign' user.pk %}",
+                url:  "{% url 'movie:sign' user.pk %}",
                 type: 'POST',

一つの回答を元に処理を行なったが新しい問題が発生したため

2021/06/18 04:20

投稿

TRUM

スコア0

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -97,3 +97,281 @@
 ###補足
 django-storageも導入しており、画像や動画を一時的に見ることができるURLがあるのでダウンロードに関する署名付きURLはできていると考えます。またこの方法でもAPP Engineではアップロードはできませんが、LocalHOST上ではうまく動くので余計混乱しています。
+###追記
+attakei様のアドバイスを受けてjavascript（ajax)を利用したアップロードフォームをこちらの[サイト](http://kevindhawkins.com/blog/django-javascript-uploading-to-google-cloud-storage/)を参考に組み込んでみました。LocalhostでテストしてみるとPOST後の処理が正常に行われているのかが怪しいものとなります。どこが間違っているのかをご指摘いただければ幸いです。
+```views
+class MovieUpload(OnlyYouMixin,generic.CreateView,):
+    template_name = 'app/movie_upload.html'
+    form_class = Upload
+    def form_valid(self,form,):
+        movie = form.save(commit=False)
+        movie.user = self.request.user
+        movie.save()
+    def get_success_url(self):
+        return resolve_url('movie:user_detail', pk=self.kwargs['pk'])
+    def get_success_url(self):
+        return resolve_url('app:user_detail', pk=self.kwargs['pk'])
+def get_signed_url(request,pk):
+    if request.method == 'POST' and request.is_ajax():
+        filename = request.POST.get('filename')
+        filetype = request.POST.get('type')
+        filesize = request.POST.get('size', 0)
+        # build the URL path using whatever information
+        fullpath = '/path/'+filename
+        # create the blob - the blob has to be created in order to get a signed URL
+        blob = default_storage.open(fullpath, 'wb')
+        # generate the signed URL through the blob object - don't use django-storages (yet)
+        signed_url = blob.blob.generate_signed_url(expiration=default_storage.expiration, method='PUT', content_type=filetype)
+        # This is what you'd do with djagno-storages
+        #signed_url = default_storage.url(fullpath)
+        # Send the signed URL back. I also send the path back because I want to display the uploaded image (relative path)
+        return JsonResponse({ 'signed_url': signed_url, 'url': settings.MEDIA_URL + fullpath })
+    # Probably a terrible way to respond. You do you.
+    return JsonResponse({})
+```
+```url
+path('user_datail/User<int:pk>/upload',views.MovieUpload.as_view(),name='movie_upload_in'),
+path('user_datail/User<int:pk>/upload/sign',views.get_signed_url,name='sign'),
+```
+```html
+<form  method="POST" enctype="multipart/form-data"action="{% url 'app:sign' user.pk %}" >
+<div class="container mt-3">
+            <button  id ="Upload"class="btn btn-info btn-lg" name="next">Upload</button>
+ <div class="field">
+                {{ form.title.label }}
+                {{ form.title }}
+                <span class="helptext">{{ form.title.help_text }}</span>
+                {{ form.title.errors }}
+            </div>
+            <div class="field">
+              {{ form.name.label }}
+              {{ form.name }}
+          </div>
+            <div class="field">
+                {{ form.publick.label }}
+                {{ form.publick }}
+               <label for="id_publick">Release</label> <span class="helptext"></span>
+                {{ form.publick.errors }}
+            </div>
+            <div class="field" id="cover_image">
+            {{ form.video.label_tag }}
+            {{ form.video }}
+            <span class="helptext">{{ form.video.help_text }}</span>
+</div>
+<script>
+          $('#id_video').fileupload({
+    // most of these doesn't matter and will be removed
+    // because the add() function does the actual upload now
+    dropZone: $('#id_video'),
+    add: function(e, data) {
+        $.each(data.files, function(index, file) {
+            // pack our data to get signature url
+            var formData = new FormData();
+            formData.append('filename', file.name);
+            formData.append('type', file.type);
+            formData.append('size', file.size);
+            // Step 3: get our signature URL
+            $.ajax({
+                url:  "{% url 'app:sign' user.pk %}",
+                type: 'POST',
+                processData: false,
+                contentType: false,
+                dataType: 'json',
+                headers: {
+                    'X-CSRFToken': Cookies.get('csrftoken'),
+                },
+                data: formData
+            }).done(function (data) {
+                // Step 5: got our url, push to GCS
+                const xhr = new XMLHttpRequest();
+                if ('withCredentials' in xhr) {
+                    xhr.open("PUT", data.signed_url, true);
+                }
+                else if (typeof XDomainRequest !== 'undefined') {
+                    xhr = new XDomainRequest();
+                    xhr.open("PUT", data.signed_url);
+                }
+                else {
+                    xhr = null;
+                }
+                xhr.onload = () => {
+                    const status = xhr.status;
+                    if (status === 200) {
+                        //alert("File is uploaded");
+                        // show the image (uploadDone is separate function)
+                        uploadDone(data.url)
+                    } else {
+                        alert("Failed to upload");
+                    }
+                };
+                xhr.onerror = () => {
+                    alert("Failed to upload");
+                };
+                xhr.setRequestHeader('Content-Type', file.type);
+                xhr.send(file);
+            });
+        });
+    },
+    done: function (e, data) {
+    }
+});
+        </script>
+```