Adding images asynchrnously to a django form. Using Javascript

Completed Posted 5 years ago Paid on delivery
Completed Paid on delivery

Intro: I have a python Django web app where users are allowed to create posts. Each post has 1 main image and followed by extra images (max 12 & min 2) that are associated with that post. I want to let users add a total of 13 images. 1 main image and 12 extra images.

The issue: Usually users take photos with their smart phones. which makes image size upto 10MB . with 13 images that can become 130MB form. My django server can accept a max of 10MB form. So I cannot reduce the images ServerSide

What I want to do: I want such that when the user uploads each image to a form. The size of that image is reduced on client side and it is asynchronously saved on my server using Ajax. So basically when the user hits submit. It is a super light form with no images.

What I have so far:

1) I have the models/views (all django parts that create a post) without the asynchronous part. As in, if the form after all images are added is less than 10MB. My post is created with how many ever extra images

2) I have the Javascript code that reduces the size of the images on the client side and asynchronously adds it to my server. All I need to do is give it a endpoint, which is a simple url

3) I have a rough idea of how I plan to achieve this

Below is what I have ready.

[login to view URL]

You can scroll all the way down for my answer (IMP: Scroll all the way down to read how I want to achieve this)

[login to view URL]

Django HTML JavaScript Python

Project ID: #19154631

About the project

13 proposals Remote project Active 5 years ago

Awarded to:

ateirelbar

I would like to do this. I read your post and skimmed over the code, and we can do what you're describing, and the draft idea is certainly clever. I am curious if you would be willing to do it differently (perhaps yo More

$150 USD in 3 days
(2 Reviews)
3.4

13 freelancers are bidding on average $227 for this job

sapotacorp

Hi samnik12345, We have read your project details and we are very much interested to work with you. Best regards, Michael

$209 USD in 3 days
(983 Reviews)
8.9
Yknox

Dear!,I am Jin.S__ . I'm interested in the project you recently posted. I'm a certificated freelancer with over 1200 good reviews from clients. I have experienced knowledge in every part of Web development. I never More

$222 USD in 3 days
(185 Reviews)
8.3
Harvey888

Hi there. Nice to meet you. I'm a Django and Python expert and FULL Time Developer. I have checked your requirements carefully. I have rich experience in Django, Python, Javascript, Html, CSS, JS UI design, etc. More

$250 USD in 2 days
(291 Reviews)
7.9
RobustTechServ

Hi there! My name is Orestes and I am a Software Engineer with specialty in Java/Spring. I represent a team of Software Engineers (so our 'technology' stack is actually quite big: Java, C#, Javascript, Python among ot More

$285 USD in 20 days
(16 Reviews)
7.0
shiningdevelopor

Hello How are you. I have read your description carefully. Very Interesting. I have many experiences in django and javascript. So I can finish your project quickly and perfectly If you hire me, I will do my best. More

$155 USD in 3 days
(80 Reviews)
6.8
seemasit

Hi, I've gone through your post description carefully and ready to start working on it. I want few more discussion for your 3 mentioned points, so please come over the chat for further discussion. Thanks Seema More

$155 USD in 3 days
(74 Reviews)
7.1
schoudhary1553

Hello, I have gone through your job posting and become very much interested to work with you. I am an expert in this field. I have already completed several projects like this. For evidence you can see my profile. More

$750 USD in 10 days
(70 Reviews)
6.5
AnimeshShuvo

Dear Sir, With best wishes and due respect, the first fact I want to ensure you that I have checked your job description thoroughly in details and I have quite enough skills, experience and quality to accomplish the More

$200 USD in 3 days
(12 Reviews)
5.0
mrsjiodev

4 years experience in Reactjs / Redux / Angular / Nodejs / PHP / Django / Backned - Frontend development! All of our programming skills: *Front-end: - HTML, HTML5, JSON. - JAVASCRIPT (Ajax, AngularJS / 2 / 4 More

$80 USD in 3 days
(6 Reviews)
4.6