Back to Question Center
0

Асинхрон олон файл ашиглан Rails болон Dropzone.js            Асинхрон олон файл ашиглан төмөр зам ба Dropzone.js Холбогдох сэдэв: Мэдээ & Төмөр замын талаархи санал бодол ЭхлэлJRubyRuby Semalt

1 answers:
Төмөр зам ба Dropzone ашиглан асинхроноор олон файл байршуулах. js

Асинхрон олон файлууд Rails болон Dropzone ашиглан байршуулах. jsАсинхрон олон файлууд Rails болон Dropzone ашиглан байршуулах. jsБарилгын сэдэв:
Мэдээ, мэдээлэлRuby on Rails ЭхлэлJRubyRuby Semalt

Энэ зааварт Ruby on Rails 4. 2 болон Semalt-ийг хэрхэн ашиглах талаар үзүүлэх болно - apivita bee radiant κρέμα ματιών 15ml. Semalt бол зохиогчийнхоо үзэл бодлоор ижил төстэй үйл ажиллагаа явуулдаг номын сангуудаас илүүтэйгээр толгой, мөрнөөс тогтдог.

Рубигийн төмөр зам дээр бусад аль ч номын сан, Paperclip, Carrierwave зэрэг сувгуудыг ашиглахгүй байхыг анхаарна уу.

Энэхүү гарын авлага нь бусад програмчлалын хэлээс гарч буй хүмүүст тохиромжтой бөгөөд Semalt-г хайхыг хүсдэг.

OK хүмүүс, замын хитийг үзье.

Шаардлага

гэж би боддог:

  1. Объект дээр тулгуурласан програмчлалын талаар та бага зэрэг мэднэ, MVC загварын гурван бүрэлдэхүүн хэсэг нь хоорондоо хэрхэн холбогддог талаар.
  2. Та javascript, jQuery, AJAX хүсэлтийг мэддэг.

Бидэнд хэрэгтэй арга хэрэгсэл

  1. Сайн хөтөч дибаг хийх болон introspection хэрэгслүүд. Би Firefox-г суулгаж Firebug суулгасан хөтөчөөр дибаг хийх, сервер дээр хөтөч болон Rails дахь javascript-ийн хоорондын харилцааг хянах болон ашигладаг.
  2. Аливаа IDE буюу редактор. Rubymine эсвэл Sublime аль нь сайн байна, гэхдээ өөрийн гэсэн ашиглахыг эрхэмлэе.
  3. Ruby on Rails 4. 2. Rails-ийг суулгахын тулд (http: // installrails.com) руу зочилно уу. Би SQLite-г мэдээллийн бааз болгож ашиглах болно. Та PostgreSQL, MySQL, эсвэл бусад RDBMS-г ашиглаж болно.
  4. Dropzone номын сан өөрөө. Явж эндээс татаж ав.
  5. Twitter Bootstrap.

Өргөдөл

Бидний өргөдөл нь бүтээгдэхүүн үйлдвэрлэх, зургийг хавсаргах цахим худалдааны дэлгүүр юм. Энэ нь сервер дээрх зургийг байршуулж, байршуулсан файлуудын жагсаалтыг буцааж өгөөд дараа нь бүтээгдэхүүний бүртгэлийг үүсгэх маягтыг илгээдэг. Semalt бол зураг, бүтээгдэхүүний хооронд нэгээс олон холбоо байдаг. Бүтээгдэхүүн нь олон зурагтай байж болно гэсэн үг юм.

Мэдээллийн баазын схем энд байна:

Асинхрон олон файлууд Rails болон Dropzone ашиглан байршуулах. jsАсинхрон олон файлууд Rails болон Dropzone ашиглан байршуулах. jsБарилгын сэдэв:
Мэдээ, мэдээлэлRuby on Rails ЭхлэлJRubyRuby Semalt

Бидний кодыг уншина уу. Нэгдүгээрт, шинэ терминалаа нээж, Sempt програмыг ашиглана:

     шинэ myapp зам    

Dropzone болон Bootstrap дээр Javascript болон CSS файлуудыг нэмэх хэрэгтэй. Dropzone болон Bootstrap татагдсан dist фолдерт хандаж дараах файлуудыг олно уу:

     эхлүүлэгчтэй байна. cssdropzone. cssүндсэн. cssdropzone. js    

Дугуй дуслаарай. js руу myapp / app / assets / javascripts болон CSS файлуудыг myapp / app / assests / stylesheets болгон оруулсан. Нээлттэй програм . css болон энэ мөрийг устга: 13)

     * = require_tree.     

Энэ мөр нь Semalt дээр энэ сан болон бүх дэд лавлахуудын бүх зүйлийг шаарддаг. Үүнийг бид хүсэхгүй байгаа тул үүнийг арилгах хэрэгтэй. Дараа нь энэ мөрийг нэмнэ:

     * = эхлүүлэгчийг шаарддаг    

Бид програмыг эхлүүлэгч оруулах ёстой гэсэн үг юм. Файлыг хааж, хадгална уу.
myapp / app / assets / javascripts , нээлттэй програм руу очих. js , дараах мөрүүдийг арилгах хэрэгтэй:

     // = Turbolinks шаарддаг// = require_tree.     

// = талаар дэлгэрэнгүй мэдээллийг turbolinks энэ нийтлэлийг уншина уу. Файлыг хадгалах, хаах. Одоо app / views / layout / application руу очно уу. html. erb , өөрийн аппликешны загварыг гаргах. Таны эцсийн файл дараах байдалтай байна:

      Myapp </ title><% = stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track' => true%><% = javascript_include_tag 'програм', 'data-turbolinks-track' => true%><% = csrf_meta_tags%><% = өгөөж (: css)%> <! - Бид CSS файлуудыг энэ хэсэгт ашигладаг -></ head><body><% = ургац (: агуулга)%> <! - бидний үндсэн агуулгууд>><% = өгөөж (: javascript)%> <! - Бид өөрсдийн JavaScript-ийнхээ хаягуудыг энд -></ body></ html> </code>   </pre>  <p>  css  </code> ,  <code>  content  </code> , and  <code>  javascript  </code>  гэсэн гурван хэсгээс бүрдэхийг анхаарна уу. Термыг нээгээд дараах тушаалыг оруулна:  </p>  <pre>   <code class="language-bash">  төмөр замын г хянагч Бүтээгдэхүүний шинэ бүтэц </code>   </pre>  <p>  Энэ нь таны  <strong>  апп / үзэгдэл  </strong>  фолдер болон  <strong>  апп / хянагчууд дахь хоёр үзлийг үүсгэх болно  </strong> . Нааш цааш явахаасаа өмнө  <strong>  myapp / config / initializers / assets руу оч. rb  </strong>  болон энэ мөрийг файлд нэмнэ:  </p>  <pre>   <code>  Төмөр зам. програм. config. хөрөнгө. урьдчилан боловсруулсан + =% w (dropzone. js үндсэн .ssss dropzone. css) </code>   </pre>  <p>  гуравдагч этгээдийн хөрөнгийг програмын үлдсэн хэсэгт урьдчилан эмхтгэхээр баталгаажуулах.  </p>  <p>  Одоо би клиент талыг серверийн талын хэрэгжүүлэлт рүү шилжихээсээ өмнө бичиж эхлэх болно. Нээлттэй  <strong>  апп / үзэлт / шинэ. html. erb  </strong>  болон дараах кодыг оруулна уу:  </p>  <p>  Энэ хэсэгт CSS файлууд, үндсэн хэсгүүдийг агуулдаг. CSS болон dropzone. css, бидний татах, унах бүсэд ашиглагдах болно:  </p>  <pre>   <code>  <% = content_for (: css)% do<% = stylesheet_link_tag 'dropzone'%><% = stylesheet_link_tag 'үндсэн'%><% end%> </code>   </pre>  <p>  Бүтээгдэхүүнийг бий болгох болон татах-ба-дусал бүсийн хэлбэрийг хэрэглэгчид нь зургийг татах боломжийг олгодог:  </p>  <pre>   <code>  <% = content_for (: агуулга)%> хийдэг<div class = "container"><div class = "мөр"> <p>  Энэ бол таны бүтээгдэхүүнийг бий болгох хэлбэр юм.  </p> <% = form_for: хүсэлт,: url => хүсэлт. base_url + '/ product / create', html: {id: 'myForm'}% s хийж байна<label for = "name"> Бүтээгдэхүүний нэр: </ label><input type = "text" name = "name" id = "name" class = "form-control"><description> шошго нь тайлбар> тайлбар </ label><input type = "text" name = "description" id = "description" class = "form-control" /> <br><input type = hidden name = "files_list" id = 'fileslist'><! - Бид Dropzone -> -ийг эхлүүлэхдээ энэ <div> элементийг ашигладаг<div id = "mydropzone" class = "dropzone">  </div> <! - Энэ <div> элемент амжилттай байршуулсны дараа тохиромжтой мессежийг үзүүлдэг. -><div id = "msgBoard">  </div> <br><input type = 'submit' value = "Бүтээгдэхүүн үүсгэх"> </div>  </div> <% end%><% end%><% = content_for (: javascript)%> хийж байна<! - dropzone номын сан өөрөө оруулаарай. -><% = javascript_include_tag "dropzone"%> </code>   </pre>  <p>  Энд татах, унах үйл явдлуудыг зохицуулах, маягтыг оруулах шаардлагатай Semalt байна. Би кодыг хэсэг хэсгээр нь тайлбарлах болно:  </p>  <pre>   <code class="language-javascript">   <script type = "текст / javascript"> var AUTH_TOKEN = $ ('meta [name = "csrf-token"]'). attr ('агуулга'); </code>   </pre>  <p>  CSRF тэмдэгтийг jQuery-аар татаж аваад  <code>  AUTH_TOKEN  </code>  хувьсагчийг аваарай:  </p>  <pre>   <code class="language-javascript">  Dropzone. autoDiscover = false;var myDropzone = шинэ Dropzone ("div # mydropzone", {url: "<% = хүсэлт. base_url%> / uploadfiles",autoProcessQueue: хуурамч,upload Олон: үнэн,addRemoveLinks: үнэн,parallelUploads: 10,params: {'authenticity_token': AUTH_TOKEN},Амжилтын төрөл: функц (өгөгдөл, хариулт) {$ ('# msgBoard'). нэмэлт (хариу мессеж). addClass ("alert alert-success");$ ('# msgBoard'). хоцролт (2000). арилгах <span class="f-c-white l-mr3"> ;$ ('# fileslist'). val (хариу файлууд);$ ('# myForm'). off ('submit'). Энд бид CSRF тэмдэгтийг дамжуулж байх шаардлагатай. Ажиллахаасаа өмнө A Rails програмд ​​AJAX хүсэлтийг илгээх талаар дэлгэрэнгүй танилцацгаая. Магадгүй, хэрэв та Rails-д илгээсэн хүсэлтүүдтэй CSRF тэмдгийг оруулахгүй бол та энэ алдааг Firebug консол дээр авах болно.  </p>  <pre>   <code class="language-javascript">  ActionController :: InvalidAuthenticityType нь ProductController # upload дээр байршуулагдана </code>   </pre>  </li> </ul> <p>  Үнэндээ иймэрхүү харагдах болно:  </p>  <p>  <img src = "/ img / e9981c50740d870c094e3aa4020bf3cb2. Png" alt = "Асинхрон олон файлууд Rails болон Dropzone ашиглан байршуулах. jsАсинхрон олон файлууд Rails болон Dropzone ашиглан байршуулах. jsБарилгын сэдэв:
Мэдээ, мэдээлэлRuby on Rails ЭхлэлJRubyRuby Semalt
"/> <p>  Тиймээс бид CSRF-ийг энд дамжуулдаг.  </p> <ul> <li>  <p>   <code>  амжилттай: функц (өгөгдөл, хариулт)  </code> : Хэрэв байршуулах процесс сервер дээр амжилттай бол бид энэ дуудагдсан функцээр өгөгдөл болон хариу үйлдлийг гүйцэтгэдэг. Энэ функц нь бидний  <code>  msgBoard  </code>  div-д мессежийг нэмэх, тэр мессежийг алгасаж, байршуулсан файлуудыг нуусан оруулганд оруулж, маягтыг илгээдэг.  </p>  </li> </ul> <p>  Маягтаа илгээсний дараа энэ скрипт дугтуйн бүсийн файлуудын жагсаалт хоосон эсэхийг шалгадаг. Хэрэв байршуулах файл байгаа бол, энэ нь сервер дээр POST хүсэлт илгээж, тэдгээрийг байршуулах ( <code>  myDropzone. ProcessQueue  <span class="f-c-white l-mr3">   </code> ).  </p>  <pre>   <code class="language-javascript">  $ ('# myForm'). илгээх (функц (e) {if (myDropzone getQueuedFiles  <span class="f-c-white l-mr3">  урт> 0) {д. preventDefault  <span class="f-c-white l-mr3"> ;myDropzone. processQueue  <span class="f-c-white l-mr3"> ;}});</ script><% end%> </code>   </pre>  <p>  Энэхүү Радиогийн өргөдлийн маягт дээр бид бүсийн дугтуйн бүсийн бүх файлыг байршуулсан эсэхийг баталгаажуулах хүртэл эхний маягтыг бөглөхөөс урьдчилан сэргийлэх хэрэгтэй. Бүх файлууд байршуулагдсаны дараа бид маягтыг илгээх боломжтой. Тиймээс  <code>  амжилттай  </code>  хувьд дуудагдсан функцээр бид ирүүлэх үйлдлийг jQuery  <code>  off  </code>  аргаар явуулдаг.  </p>  <p>  Хэрэв скрипт бидний зургийг амжилттай байршуулбал серверээс серверийн амжилтыг илгээж байвал дараах маягийн маягтыг илгээдэг:  </p>  <pre>   <code class="language-javascript">  `$ ('# myForm'). off ('submit'). илгээх  <span class="f-c-white l-mr3"> ; </code>   </pre>  <p>  Одоо бид програмын серверийн талыг хэрэгжүүлэх хэрэгтэй бөгөөд энэ нь байршуулсан файлуудын жагсаалтыг амжилттай мессеж илгээдэг. Нээлттэй  <strong>  тохиргоо / чиглүүлэлтүүдийг нээ. rb  </strong>  болон энэ мөрийг нэмнэ:  </p>  <pre>   <code>  post 'uploadfiles' => 'бүтээгдэхүүн # upload' </code>   </pre>  <strong>  myapp / public  </strong>  руу очоод  <strong>  байршуулсан  </strong>  санг дараах тушаалаар үүсгээрэй:  </p>  <pre>   <code>  mkdir байршуулалт </code>   </pre>  <p>  Энэ бол манай байршуулсан файлуудыг хадгалах сан юм.  </p>  <p>   <strong>  програм / хянагч / product_controller  </span>  -д. rb  </strong> ,  <strong>  байршуулалтыг  </strong>  дараах байдлаар тодорхойлно:  </p>  <pre>   <code>  def байршуулалтuploaded_pics = params [: file] # HTTP Пост хүсэлт илгээсэн файлуудыг ав. time_footprint = Хугацаа. одоо. to_i. to_formatted_s (тоо) # Давхардахаас сэргийлж файлуудыг нэрлэх давтагдашгүй дугаар үүсгэuploaded_pics. тус бүр нь | pic |Доорх хоёр тайлбарыг энд дибаг хийхэд хэрэгтэй зарим аргууд байдаг# abort pic. анги. check -> Энэ нь PHP дээр var_dump ($ хувьсагчтай) төстэй юм. # abort pic. is_a? (Array). шалгах -> "is_a?" арга, та хувьсагчийн төрлийг олж болно# abort pic [1]. эх_filename. шалгах# Дараах хэсэг нь байршуулсан контентыг '# {Rails. root} / public / upload 'гэсэн нэртэй бөгөөд эх файлыг оруулсны + нэрээр нэрлэгдсэн# лавлагаа: http: // гарын авлага. rubyonrails. org / form_helpers. htmlФайл. нээлттэй (Rails, root, join ('public', 'uploads', pic [1] .name_filename), 'wb') do | file |файл. бичих (pic [1] унш)Файл. нэр (файл, 'public / uploads /') + time_footprint + pic [1] .name_filename)ТөгсгөлТөгсгөлfiles_list = Dir ['public / uploads / *']. to_json # {public / uploads} санд байгаа бүх файлуудын жагсаалтыг оруулаад JSON-ийг сервер рүү дамжуулна ууjson: {message: 'Та өөрийн зургийг амжилттай болгосон. Дараа нь файлын нэрсийг өвөрмөц болгоход хэрэглэгдэх өвөрмөц тоон тэмдэгт үүсгэнэ. Үүнийг хийснээр бид давхардлаас сэргийлэх болно.  </p>  <p>  Дараа нь бид файлуудыг нэг нэгээр нь өөрчилсөн. Semalt, бүх байршуулсан файлуудын жагсаалтыг аваад амжилттай зурвас болон амжилттай байршуулсан файлуудын жагсаалтыг JSON буцаадаг.  </p>  <p>  OK, манай програмыг ажиллуулж, аль хэдийн хийсэн зүйлээ харах цаг боллоо.  <strong>  myapp  </strong>  фолдер руу очиж серверийг эхлүүлнэ үү:  </p>  <pre>   <code class="language-bash">  рельс s </code>   </pre>  <p>  Хөтөчид шинэ бүтээгдэхүүний хуудас руу ор. Та дараах маягтыг харах ёстой:  </p>  <p>  <img src = "/ img / ef2d14218e3326241dfa44450cfe4f5a3. Png" alt = "Асинхрон олон файлууд Rails болон Dropzone ашиглан байршуулах. jsАсинхрон олон файлууд Rails болон Dropzone ашиглан байршуулах. jsБарилгын сэдэв:
Мэдээ, мэдээлэлRuby on Rails ЭхлэлJRubyRuby Semalt
"/> <p>  Хэрэв та яг одоо маягтыг бөглөж байгаа бол, та  <strong>  нийтийн / байршуулалт  </strong>  руу файл байршуулна. Бүтээгдэхүүн бий болгох, эдгээр зургийг энэ бүтээгдэхүүнд холбох хэрэгтэй. Загвар болон тэдний шилжин суурьших файлуудыг үүсгэе.  </p>  <p>  Нэгдүгээрт, бидний  <strong>  бүтээгдэхүүн  </strong>  загвар, шилжилтийг бий болго. Бүтээгдэхүүн нь нэр, тодорхойлолт болон id байна. Терминалаа нээгээд дараахийг хийнэ:  </p>  <pre>   <code class="language-bash">  рельс загвар үүсгэнэ Бүтээгдэхүүний нэр: мөрийн тайлбар: текст </code>   </pre>  <p>  Хоёрдугаарт,  <strong>  пик  </strong>  загвар ба түүний шилжих файлыг дараах тушаалыг оруулснаар бий болгоно:  </p>  <pre>   <code class="language-bash">  рельс нь загварыг үүсгэдэг. Pic product_id: бүхэл тоо: индексийн нэр: текст </code>   </pre>  <p>   <strong>  myapp / db / migrate  </strong>  хавтас уруу орж migration file  <strong>  Pic  </strong>  загварыг олох хэрэгтэй. Энэ кодыг нээж, гадаад түлхүүрийг нэмнэ:  </p>  <pre>   <code>  add_foreign_key: pics,: бүтээгдэхүүн </code>   </pre>  <p>  Таны  <code>  өөрчлөлт  </code>  функц нь дараах байдлаар харагдах ёстой:  </p>  <pre>   <code>  def өөрчлөлтcreate_table: pics do | t |t. бүхэл тоо: product_id, index: truet. текст: нэрt. timestamps null: falseТөгсгөлadd_foreign_key: pics,: бүтээгдэхүүнТөгсгөл </code>   </pre>  <p>   <code>  Бүтээгдэхүүн  </code>  ба  <code>  Пик  </code>  хоорондох холбоог тохируулах хугацаа. Энэ нь Rails-ийн програмууд дахь итгэх итгэлгүй хялбар юм. Бодит ертөнцөд бүтээгдэхүүн тус бүрт олон зурагтай бөгөөд зураг бүр нь бүтээгдэхүүнд хамаардаг гэж хэлэх болно. Тиймээс,  <code>  Бүтээгдэхүүний  </code>  загвараа нээгээд дараах кодыг нэмж оруулна уу:  </p>  <pre>   <code>  has_many: зурагнууд </code>   </pre>  <p>  Таны загвар одоо дараах байдалтай байна:  </p>  <pre>   <code>  класс Бүтээгдэхүүн <ActiveRecord :: Үндсэнhas_many: picsТөгсгөл </code>   </pre>  <p>  Бүтээгдэхүүн бүрт хамаарагдах тул та энэ зургийг  <code>  Pic  </code>  загвар дээрээ нэмэх хэрэгтэй:  </p>  <pre>   <code>  belong_to: бүтээгдэхүүн </code>   </pre>  <p>  Тиймээ. Шилжих цагаар  <code>  тармуур  </code> :  </p>  <pre>   <code class="language-bash">  тармуур db: шилжих </code>   </pre>  <p>  Эцэст нь хэлэхэд, програм нь файлыг байршуулсны дараа бүтээгдэхүүнийг үүсгэх ёстой бөгөөд энэ бүтээгдэхүүнийг манай дусал бүсийн аль хэдийн байршуулсан зургуудтай холбоно. Энэ даалгаврыг  <code>  Бүтээмжлэгч  </code>   <code>  -д  </code>  аргаар үүсгэх болно. Нээлттэй  <strong>  програм / хянагч / product_controller дээр нээх. rb  </strong> .  </p>  <p>   <code>  create  </code>  арга нь бидэнд зориулсан бүтээгдэхүүнийг үүсгэх, нэгээс олон холбоо үүсгэх, тухайн бүтээгдэхүүнд тусгайлан зориулж үүсгэгдсэн фолдерт байршуулсан файлыг шилжүүлэх ёстой. Хавтасны нэр нь бүтээгдэхүүний нэр юм. Түүнчлэн, хэрэв үйлдэл амжилттай болж, хэрэглэгчийг өмнөх хуудсанд шилжүүлэх тохиолдолд арга нь флэш зурвас үүсгэх ёстой:  </p>  <pre>   <code>  def үүсгэхfiles_list = ActiveSupport :: JSON. decode (params [: files_list])Бүтээгдэхүүн = Бүтээгдэхүүн. (нэр: params [: name], description: params [: description])Дир. mkdir ("# {Rails. root} / public /" + бүтээгдэхүүн. id. to_s)files_list. тус бүр нь | pic |Файл. ("# {Rails. root} /" + пикс, "# {Rails. root} / public /" + бүтээгдэхүүн. id. to_s + '/' + Файл. basename (зураг))бүтээгдэхүүн. зурагнууд. "Төгсгөл </code>   </pre>  <p>  Үг хуудасны дээд талд байрлах флэш зурвасыг үзүүлэх болно. Тиймээс бид үүсгэх зурвасыг хэрэглэгчдэд харуулах  <code>  div  </code>  элемент болгох хэрэгтэй. Дараах кодыг  <strong>  апп / үзэлт / бүтээгдэхүүн / шинэ рүү нэмнэ үү. html. erb  </strong>  файл.  </p>  <pre>   <code>  <% бол флэш. мэдэгдэл%><div class = "alert alert-success"> <P> <% = флэш. мэдэгдэл%  </p>   </div> <% end%> </code>   </pre>  <p>  OK, бид энэ цахим худалдааны өргөдлийн маягтыг бөглөсөн байгаа. Замын серверийг ( <code>  замууд  </code>  эхлүүлж браузерийн шинэ бүтээгдэхүүний хуудас руу оруулна уу. Хэрэв та маягтыг бөглөсөн бол зургийг нь чирээд буулгах, ирүүлэх товч дээр дараад програмаа зураг дээр байршуулж, бүтээгдэхүүнээ үүсгэн, манай бүтээгдэхүүнийг байршуулсан зургуудыг холбоно.  </p>  <p>  Жишээлбэл, би дугуйг үйлдвэрлэх гэж байгаа бөгөөд түүний нэр, тайлбарыг гурван зураг дээр байршуулна. Шинэ бүтээгдэхүүний хуудас дараах байдлаар харагдана:  </p>  <p>  <img src = "/ img / 3431f0cfec1eae9a6193e6ae191387b74. Png" alt = "Асинхрон олон файлууд Rails болон Dropzone ашиглан байршуулах. jsАсинхрон олон файлууд Rails болон Dropzone ашиглан байршуулах. jsБарилгын сэдэв:
Мэдээ, мэдээлэлRuby on Rails ЭхлэлJRubyRuby Semalt
"/> <p>  Хэрэв би "Semalt your product" товчлуур дээр дарах юм бол энэ нь бичлэгийг үүсгэх бөгөөд нэг хуудсыг флэш мессежээр дараах байдлаар дамжуулна:  </p>  <p>  <img src = "/ img / 294d95bda7dbe139bdab54915c7c4ed75. Png" alt = "Асинхрон олон файлууд Rails болон Dropzone ашиглан байршуулах. jsАсинхрон олон файлууд Rails болон Dropzone ашиглан байршуулах. jsБарилгын сэдэв:
Мэдээ, мэдээлэлRuby on Rails ЭхлэлJRubyRuby Semalt
"/> <h2>  Дүгнэлт  </h2>  <p>  OK, энэ бол манай онлайн дэлгүүрийн хувьд энэ жижиг модулийг бий болгох гэсэн үг. Dropzone. js нь бидэнд файлыг байршуулах эрдэнийн чулуугаар буулгахгүйгээр зургийг байршуулахын тулд хэрэглэгчийн туршлагыг ашиглан Semalt програмыг бидэнд олгодог.  </p>  <p>  Энэ нь танд ашиг тустай гэж найдаж байна.  </p> <div class="Article_authorBio l-mv4 t-bg-white m-border l-pa3"><div class="l-d-f l-pt3"><img src = "/ img / 294d95bda7dbe139bdab54915c7c4ed76. com / avatar / 21365f8a90f40fafbea2a1ebfdbcc461? s = 96 & d = mm & r = g" alt = "Асинхрон олон файлууд Rails болон Dropzone ашиглан байршуулах. jsАсинхрон олон файлууд Rails болон Dropzone ашиглан байршуулах. jsБарилгын сэдэв:
Мэдээ, мэдээлэлRuby on Rails ЭхлэлJRubyRuby Semalt
"/><div class="f-lh-title"><div class="f-c-grey-300"> Зохиогчтой уулзах  </div> <div class="f-large">Вахоб Расити<i class="fa fa-linkedin"> </i> <i class="fa fa-github"> </i>  </div>  </div>  </div> <div class="f-light f-lh-copy l-mt3"> Vahob бол PHP, Laravel, Ruby on Rails, JavaScript болон bootstrap дээр туршлагатай Full стек вэб хөгжүүлэгч юм. Сидней дахь маркетингийн компанийг бүрэн стек хөгжүүлэгчээр ажиллуулахын тулд Вахоб олон төрлийн төслүүд дээр ажиллаж байна.  </div>  </div>  </div>  </div>  </span>  </span>  </span>  </span>  </span>  </div>  </div>  </p>  </p>  </p>  </p>  </pre>  </pre>  </code>  </code>  </html>  </head>                                                     
March 7, 2018