I want to give users 2 ways to submit a file to my site..
1) basic local->server file upload as follows...
<input id="uploadFilePost" accept=".jpg,.jpeg,.png,.gif" type="file" class="upload" />
document.getElementById("uploadFilePost").onchange = function () {
myFormData = new FormData();
myFormData.append('postImageUpload', $("#uploadFilePost").prop('files')[0]);
//ajax call to submit myFormData and associated validation
This is working fine, but I ideally want to reuse the approach if possible for point 2...
2) file upload by submitting a link (e.g. www.imgur.com/image.jpg). To be clear there - I want to copy the file from the link to my server instead of just storing the link. What I'm really hoping is that there's some way I can programatically associate the image.jpg link as a file to the input uploadFilePost (which would trigger the exact same process I've already coded for point 1).
Would really appreciate thoughts from anyone on whether that outline solution is possible (or recommended), and if so, what high level series of steps you'd need to go through to convert the image.jpg link into a file that could be programmatically associated with the input in order to trigger the upload. Thanks!