javascript - 多圖片上傳預覽和ajax發送的問題

來源:互聯網
上載者: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東西到背景。多謝了。

  • 相關文章

    聯繫我們

    該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

    如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

    A Free Trial That Lets You Build Big!

    Start building with 50+ products and up to 12 months usage for Elastic Compute Service

    • Sales Support

      1 on 1 presale consultation

    • After-Sales Support

      24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.