छवि आधे घंटे के लिए होस्टिंग

आज, परियोजनाएं, विशेष रूप से प्रारंभिक चरण में, तैयार-निर्मित ब्लॉकों से बनाई गई हैं। उदाहरण के लिए, एक स्मार्ट होस्टिंग या उपयोगकर्ता के ब्राउज़र में संदेश भेजने के लिए एक सेवा। इस तरह के ब्लॉक को अलग-अलग तरीकों से जोड़ना, आप पूरी तरह से अप्रत्याशित परिणाम प्राप्त कर सकते हैं। और जितने अधिक ब्लॉक आपके लिए उपलब्ध हैं, उतने ही विविध प्रोजेक्ट हो सकते हैं। कभी-कभी ब्लॉक दिखाई देते हैं जो एक साथ कई अन्य ब्लॉकों को बदल सकते हैं। और ये ब्लॉक स्वयं समान प्रोजेक्ट हैं जिसमें अन्य ब्लॉक शामिल हैं।

इमेज होस्टिंग जैसी सर्विस बनाना कितना आसान है? सिद्धांत रूप में, यह पहले करना मुश्किल नहीं था। लेकिन प्रगति अभी भी खड़ा नहीं है, और एक ही समय के लिए, अब आप अधिक बारीकियों को ध्यान में रख सकते हैं। मैंने पहले ही Uploadcare प्रोजेक्ट के बारे में बात की थी । यह एक ऐसी सेवा है जो फ़ाइलों के साथ काम करना आसान बनाती है: अंतिम उपयोगकर्ता को डाउनलोड, भंडारण, प्रसंस्करण और वितरण। हम इसे मुख्य इकाई के रूप में उपयोग करेंगे।

एक उदाहरण पायथन में लिखा जाएगा। सबसे पहले, क्योंकि मैं पायथन को सबसे अच्छी तरह से जानता हूं, दूसरी बात, प्यूपोडेकेर लाइब्रेरी को पहले अपडेट किया गया है। वास्तव में, अपलोडकेयर के लिए विभिन्न भाषाओं के लिए पुस्तकालय हैं, और वे सभी खुले स्रोत में हैं। यदि आपके लिए आवश्यक मॉड्यूल में कोई कार्यक्षमता नहीं है, तो आप तब तक इंतजार कर सकते हैं जब तक यह प्रकट नहीं होता है, या इसे स्वयं जोड़ें।

आइए Django पर एक नया प्रोजेक्ट बनाकर शुरू करें:

$ pip install django pyuploadcare==0.19 $ django-admin.py startproject upload_test $ cd upload_test/ && chmod u+x ./manage.py $ ./manage.py startapp imageshare $ ./manage.py syncdb --noinput 

सेटिंग्स में, डेटाबेस और INSTALLED_APPS से जुड़ने के लिए सामान्य मापदंडों के अलावा, आपको सार्वजनिक और निजी कुंजी निर्दिष्ट करने की आवश्यकता है:

 UPLOADCARE = { 'pub_key': 'demopublickey', 'secret': 'demoprivatekey', } 

मैं प्रदर्शन के लिए एक डेमो अकाउंट का उपयोग करूंगा, जो अपने आप में तर्कसंगत लगता है। इस खाते की एकमात्र सीमा यह है कि फाइलें कुछ समय बाद स्वयं हटा दी जाती हैं।

परियोजना काफी छोटी होगी: मुख्य पृष्ठ पर एक डाउनलोड फॉर्म होगा। इसे भेजने के बाद, छवि का पहचानकर्ता डेटाबेस में सहेजा जाएगा। इसके लिए, ऐसा मॉडल काफी पर्याप्त है:

 import string import random from pyuploadcare.dj import ImageField from django.db import models class Image(models.Model): slug = models.SlugField(max_length=10, primary_key=True, blank=True) image = ImageField(manual_crop="") def save(self, *args, **kwargs): if not self.slug: self.slug = ''.join(random.sample(string.ascii_lowercase, 6)) super(Image, self).save(*args, **kwargs) 

जैसा कि आप देख सकते हैं, ImageField Djungian नहीं है, लेकिन pyuploadcare पैकेज से। मैंने केवल एक सेटिंग का संकेत दिया: यह उपयोगकर्ता को उस छवि का क्षेत्र चुनने की अनुमति देगा जिसे वह डाउनलोड करना चाहता है। सहेजें () विधि एक छोटे लिंक के लिए एक स्लग उत्पन्न करती है।

अब सुंदर: छवि को संग्रहीत करने वाले मुख्य पृष्ठ के लिए एक दृश्य, और एक दृश्य जो आपको इसे देखने की अनुमति देता है:

 from django.views.generic import DetailView from django.views.generic.edit import CreateView from .models import Image class UploadView(CreateView): model = Image class ImageView(DetailView): model = Image 

कक्षा, 2 पंक्ति। सिर्फ Django भी अपनी परियोजनाओं के लिए एक बहुत ही उच्च गुणवत्ता ब्लॉक है। प्रदर्शित किए जाने वाले फ़ॉर्म के लिए, आपको एक छोटे टेम्पलेट की आवश्यकता होगी जो इसे प्रदर्शित करेगा। कुछ खास नहीं, लेकिन आपको विजेट के लिए सार्वजनिक कुंजी निर्दिष्ट करने की आवश्यकता है और दस्तावेज़ टैग में {{form.media}} डालना याद रखें। बहुत से लोग इस विशेषता के बारे में भूल जाते हैं।

 {% extends "base.html" %} {% block head %} <script> UPLOADCARE_PUBLIC_KEY = 'demopublickey'; </script> {{ form.media }} {% endblock %} {% block body %} <div class="center"> <form action="." method="post"> <p>Please, select an image:</p> <p>{{ form.image }}</p> <p><input type="submit" value="send"></p> {{ form.errors }} </form> </div> {% endblock %} 

हम शुरू करते हैं।



पृष्ठ पर एक फ़ाइल चयन विजेट दिखाई दिया। लेकिन संरक्षण कार्य नहीं करता है, जोंगा कसम खाता है: "कोई URL रीडायरेक्ट करने के लिए नहीं"। यह समझ में आता है, आपको यह निर्दिष्ट करने की आवश्यकता है कि चित्र का पूर्ण लिंक कैसे प्राप्त करें। मॉडल में एक और विधि जोड़ें।

  @models.permalink def get_absolute_url(self): return 'detail', (), {'pk': self.pk} 

यह पूर्ण निष्कर्ष के लिए एक टेम्पलेट लिखने के लिए बना हुआ है और हम कह सकते हैं कि लक्ष्य प्राप्त कर लिया गया है।

 {% block body %} <img src="{{ image.image }}"> {% endblock %} 

मेरे इंस्टाग्राम के लोग हैलो कहते हैं।



एक चौकस पाठक ध्यान देगा कि सब कुछ अधिकतम 15 मिनट लग गए। डब्ल्यूटीएफ, हमें एक और तिमाही घंटे के लिए क्या करना चाहिए?

आप डाउनलोड पृष्ठ को सुधार सकते हैं। अपने वर्तमान रूप में, उपयोगकर्ता को दो अतिरिक्त क्लिक करने होते हैं: विजेट खोलने और फ़ॉर्म जमा करने के लिए। आप उन्हें हटा सकते हैं। ऐसा करने के लिए, जावास्क्रिप्ट एपीआई विजेट का उपयोग करें:

 <script> (function() { uploadcare.start(); var widget = uploadcare.Widget('#id_image'); widget.openDialog(); widget.onChange(function(file) { if (file) { var form = document.getElementById('upload-form'); form.submit(); form.style.display = 'none'; } }); })(); </script> 

यहां हम प्रारंभ () विधि का उपयोग करते हुए विजेट को प्रारंभ करते हैं, पेज लोड होने की प्रतीक्षा किए बिना, और फिर उपयोगकर्ता को क्लिक करने के लिए इंतजार किए बिना संवाद खोलें। ठीक है, अगर फ़ाइल अपलोड की गई थी, तो फॉर्म जमा करें।

और क्या? आप चित्र देखने के पृष्ठ को थोड़ा अधिक जानकारीपूर्ण बना सकते हैं: पूरी तस्वीर के बजाय एक पूर्वावलोकन दिखाएं और कुछ जानकारी प्रदर्शित करें।

 {% block body %} <h2>Uploaded Image</h2> <a href="{{ image.image.cdn_url }}"> <img align="left" src="{{ image.image.cdn_url }}-/stretch/off/-/resize/260x/"></a> <div class="float-info"> <p> <b>Filename</b>: {{ image.image.info.filename }}<br> <b>Uploaded</b>: {{ image.image.info.datetime_uploaded|slice:":10" }}<br> <b>Original size</b>: {{ image.image.info.size|filesizeformat }}<br> </p> <p><a href="{{ image.image.cdn_url }}">Full link</a></p> </div> <br clear="left"> <p><a href="{% url 'index' %}">Upload another image</a></p> {% endblock %} 

वांछित आकार का पूर्वावलोकन सीधे छवि url में विकल्पों को निर्दिष्ट करके प्राप्त किया जाता है। सूचना विधि के माध्यम से जानकारी प्राप्त की जाती है। दुर्भाग्य से, datetime_uploaded को एक स्ट्रिंग के रूप में पारित किया गया है, इसलिए मुझे धोखा देना पड़ा - पहले 10 पात्रों को काट दिया। एक अच्छे तरीके से इसे पार्स करना जरूरी था। मुझे आशा है कि कोई दस हजार वर्ष से पहले सही हो जाएगा :)



एक और छोटी चीज जो ठीक की जा सकती है वह है उस स्थिति को ठीक से संभालना जब तस्वीर को हटा दिया गया था। सही तरीके से प्रोसेसिंग का मतलब 500 के बजाय 404 की त्रुटि देना है। डेटाबेस से ऑब्जेक्ट प्राप्त करते समय ऐसा करना सबसे अच्छा है: फ़ाइल के बारे में जानकारी का अनुरोध करें, और यदि यह संकेत है कि फ़ाइल हटा दी गई है, तो हमारे साथ संग्रहीत लिंक को हटा दें। इसके अलावा, यदि फ़ाइल को बहुत पहले हटा दिया गया है, तो एपी कुछ भी वापस नहीं कर सकता है। प्रसंस्करण और इस तरह के एक मामले की जरूरत है।

 class ImageView(DetailView): model = Image def get_object(self): object = super(ImageView, self).get_object() try: if object.image.is_removed: raise ValueError('File was deleted.') except (InvalidRequestError, ValueError): object.delete() raise Http404 return object 

अब, शायद, आप रोक सकते हैं। यह आखिरी ब्लॉक का उपयोग करने के लिए रहता है - एक निश्चित लोड हर्को होस्टिंग की मुफ्त - और परिणाम देखें: iamshare.herokuapp.com । स्रोत कोड भी उपलब्ध है यदि कोई व्यक्ति सब कुछ एक साथ देखने में रुचि रखता है।