Question

I am trying to upload remote files to my server. I can do this with my remote url upload script which is simple and it is working. But I want to use it in a different way.

In the general upload script we use

  <input type="file" id="myfile" name="content" />

So in this case we are manually browsing the files from the user’s computer and uploading. I want to do the same with remote urls. When the user enters the remote url location I want to convert it to a local file and then upload. The benefit I am getting by converting remote files to local files before uploading is, I can check and use my existing codes which I use for local uploads.

The sequence I want is

• user inputs url location and just after the url is entered I want to trigger an onmouseover event which will fill this

  <input type="file" id="myfile" name="content" />

• and then I can process as usual.

Answer 1

Payal,
Use a simple textbox (type=text) and allow user to paste the url directly on that box. Now use a "onkeyup" function on that textbox and call the upload script or basically submit the page..whatever process you want to follow for your upload.

<input type="text" name="fileurl" onkeyup="javascript:uploadTrigger()">

function uploadTrigger(){
// submit the form
// OR
// call ajax upload
}

Consider error validation. Thanks.