How to change value of input type file in Jquery

Question

I have got this HTML code

<img src="../img/1.jpg" class="img">
<img src="../img/2.jpg" class="img">
<img src="../img/3.jpg" class="img">
<img src="../img/4.jpg" class="img">
<input type="file" name="file" id="file" onchange="bgchange(this)" >

And this jquery

$(".img").click(function(){
                        var srcat=$(this).attr('src');
                        $("#file").attr('value',srcat);
                        alert($("#file").val());
                });

But it is not changing any value it stays empty.Is there anyway i can change that?

doesn't make sense trying to change a file input value – charlietfl Feb 05 '16 at 16:42 — charlietfl, Feb 05 '16 at 16:42

score 4 · Answer 1 · answered Feb 05 '16 at 16:38

4

You are not allowed to change the value of input[type="file'] via script. This is a security mechanism. If this was possible, websites could steal any file in your hard drive. Not very cool.

answered Feb 05 '16 at 16:38

Jonas Meinerz

612
3
9

But i have seen some website doing this thing. – Murad Feb 05 '16 at 16:40
@Murad what exactly did you see? – John Dvorak Feb 05 '16 at 16:40
Well you should run away from that website. – Jonas Meinerz Feb 05 '16 at 16:40
Well that website is called "Facebook" – Murad Feb 05 '16 at 16:41
Facebook is not setting the value of file inputs using JavaScript. – Quentin Feb 05 '16 at 16:42
If you click on change background and choose.How does it do it? – Murad Feb 05 '16 at 16:43
What exactly are you trying to achieve here? What is your goal? – Jonas Meinerz Feb 05 '16 at 16:45
It shows you some pictures that it has on its servers. When you click on one, it sends a string identifying that image back to the server. No file input involved. – Quentin Feb 05 '16 at 16:45
I have got a div with 10 images in it so when user clicks one of them i want background to change without submitting – Murad Feb 05 '16 at 16:46
You don't need an input for that, you can just change the `background-image` attribute of your element and set it to the `src` of the selected image. – Jonas Meinerz Feb 05 '16 at 16:47
No i use there – Murad Feb 05 '16 at 16:48
Then you change the `src` attribute of that `img` tag. Or replace that `img` tag with a new one. – Jonas Meinerz Feb 05 '16 at 16:48
I have got this js code that works onchange.So i need value to be changed – Murad Feb 05 '16 at 16:49

How to change value of input type file in Jquery

1 Answers1