Here there is the code complete:  http://jsfiddle.net/LQN43/1/

I need to submit some data by ajax to a file php ... all so ok for the text bu not for the image ... i have this code

HTML

1. <label>Name:<label><input class="name" /><br>
2. <label>Surname:<label><input class="surname" /><br>
3. <input type="file" class="selectImage" id="selectedImageFile" /><br>
4. 
   
5. <div style="border:1px solid; width:100px; height:100px">
6.     <img id="uploadPreview" style="width:100%"/>
7. </div>

JQUERY

1. $(document).on('change', '.selectImage', function(){
2.     var oFile = document.getElementById('selectedImageFile').files[0];
3.     var oImage = document.getElementById('uploadPreview');
4.     var oReader = new FileReader();
5.     oReader.onload = function(e){
6.      oImage.src = e.target.result;
7.     };
8.     oReader.readAsDataURL(oFile);
9. });
10. 
    
11. $(document).on('click', '.save', function(){
12.     var name=$('.name').val();
13.     var surname=$('.surname').val();
14.     var img=document.getElementById('selectedImageFile').files[0];
15.     $.ajax({
16.         url: 'php/reqest.php',
17.         type: 'post',
18.         data: {'name': name, 'surname': surname, 'img': img}
19.     });
20. });

Uncaught TypeError: Illegal invocation                     jquery-1.9.1.js:7340

Thanks for the support