來源:互聯網
上載者:User
關鍵字
javascript
css
php
html
html5
我現在做一個圖片發送的功能,但是預覽的都是最後選擇的照片,並且所有的照片都一樣,還有就是圖片上傳該怎麼用ajax發送,多謝了。以下是代碼:
HTML代碼:
js代碼:
這是圖片預覽部分js代碼
$(function(){ $("input[type='file']").change(function(evt){ var files = evt.target.files; for (var i = 0, f; f = files[i]; i++) { if (!f.type.match('image.*')) { continue; } var reader = new FileReader(); reader.readAsDataURL(f); reader.onload = (function() { return function(e) { $(".upload-ul").prepend(""); $(".upload-ul img").attr("src",e.target.result);//預覽圖片的位置 }; })(f); } });})
這是ajax發送部分代碼:
$("#upload-btn").click(function(){ var formData = $("imglist").attr('name'); formData.append('img',fileData); $.ajax({ type: "POST", url: "{{ path('advsimghandle_') }}", dataType:"json", data:{ imageUpload: formData }, success:function(msg){ } })})
請問我改怎麼擷取這個name的屬性?還有檔案預覽都是預覽到同樣的一張圖片,譬如說我選擇兩張圖片,結構都是預覽到第二張,第一張好像是迴圈的時候被過濾掉了,是不是該判斷還是?,我改怎麼改這個代碼才能分別預覽到照片。另外ajax也有問題的,通過firebug查看是沒有post東西到背景。多謝了。
回複內容:
我現在做一個圖片發送的功能,但是預覽的都是最後選擇的照片,並且所有的照片都一樣,還有就是圖片上傳該怎麼用ajax發送,多謝了。以下是代碼:
HTML代碼:
js代碼:
這是圖片預覽部分js代碼
$(function(){ $("input[type='file']").change(function(evt){ var files = evt.target.files; for (var i = 0, f; f = files[i]; i++) { if (!f.type.match('image.*')) { continue; } var reader = new FileReader(); reader.readAsDataURL(f); reader.onload = (function() { return function(e) { $(".upload-ul").prepend(""); $(".upload-ul img").attr("src",e.target.result);//預覽圖片的位置 }; })(f); } });})
這是ajax發送部分代碼:
$("#upload-btn").click(function(){ var formData = $("imglist").attr('name'); formData.append('img',fileData); $.ajax({ type: "POST", url: "{{ path('advsimghandle_') }}", dataType:"json", data:{ imageUpload: formData }, success:function(msg){ } })})
請問我改怎麼擷取這個name的屬性?還有檔案預覽都是預覽到同樣的一張圖片,譬如說我選擇兩張圖片,結構都是預覽到第二張,第一張好像是迴圈的時候被過濾掉了,是不是該判斷還是?,我改怎麼改這個代碼才能分別預覽到照片。另外ajax也有問題的,通過firebug查看是沒有post東西到背景。多謝了。