Upload image by directly entering a image URL? - html

I have used a input file code to upload image to my wallpaper site..
<input type="file" name="img" id="img" />
Is there anyway to select a image without selecting image file..like entering URL to text box?
<input name="img" type="text" id="img" value="http://www.somesite.com/image.my.jpg" size="40" />
I tried its not working...please help me! Anyway to enter image url to text box except select browse button and selecting image file? help me i tries in different ways...

You will need to add support for this on 'somesite.com'. This is not something you can solve with HTML, it needs to be solved on the server-side.

Related

How to fetch input image url to another input using of angularjs?

Hi all i am using MEAN stack in my Web portal with AngularJS as my front-end,
In my portal i want to upload user profile image, so i have used uplodcareplatform to upload the images in my portal.
My Plunker
after chooses the Image we get that image url in upload input, then we need to fetch that url into below input to store in backend. so we tried to get the solution like ng-bind="userimg=img" value="{{img}}" which is not working. please check and update us thanks.
My Code :-
<div>
<label >Upload Img</label>
<input ng-model="img" role="uploadcare-uploader" name="content" data-public-key="240426036fd9daf2d723" data-images-only />
</div>
<div>
<label for="quantity">Fetch above input value in this input</label>
<input type="text" ng-model="userimg" ng-bind="userimg=img" value="{{img}}">
</div>

How to save image from HTML File-Element in a folder?

I have an element like this:
<input type="file" accept="image/*" id="fileAdd" name="image" size="30" />
How can I save the selected image in a folder inside the project?
You have to send your form values to .php file.
Look for "move_uploaded_file()" function in php or another example (there's a lot of it on stackoverflow)

File upload css issue

I want to have a file upload using php. my problem simple in the CSS I make:
<input name="ufile" type="file" id="ufile" size="50" />
it just show the browse button.
I want to have like a text box with the browse button to show the file address after upload it.
I know that :
<input name="ufile" type="file" id="ufile" size="50" />
will show the text box as will as the browse button but I tried it on firefox and chrome nothing showed just the button not text box. does anybody have any idea about that? why the text box is not shown???
I've tested your html above and it worked in Firefox and IE 9. My guess is that you have some CSS within your webpage that is affecting the file input. You could try use Firebug of developer tools in Chrome to inspect the input to see what css rules are being applied.

Can you have an image instead of text for a button?

Hi I have a button on my webpage that creates a link popup for copying. Is it possible to use an image instead of text on the button? I would like to use the "Link" image (image of chains) that you can see on the main Google Maps webpage or something similar. Thank you.
<input type="button" value="Email Link" onclick="showLink()"/>
<input type="image" src="myimage.jpg" onclick="showLink()" />

How to pass Images from html page to .aspx page?

<input type="file" name="Browse" id="imgfile1" size="50" value="" />
//Image Image1 =Convert.ToBase64String(Request.Form["Image1"]);
You need to upload an image using an <input type="file" /> tag.
Additionally, the form tag should have a enctype="multipart/form-data" attribute for this to work (as described in the HTML spec).
What you are doing now, is passing in text to the server side. So, unless this is a text encoded version of the contents of the image file, it will not work.
Here is an (somewhat old) article about uploading files in asp.net.