2016-03-26 47 views
1

Resim yüklemek için bir web sayfası hazırlıyorum. Şu an iyi çalışıyor. Görüntü sunucuda yükleyebileceği anlamına gelir.Web sitesinde yüklenen resmi ajax tarafından php

Yüklenen resmi web sayfasında göstermek istiyorum sorun. Ajax kodu aşağıdadır.

$(function() { 
$("#progress").hide(); 
    'use strict'; 
    var url = 'emp_upload_file.php'; 
    $('#fileuploader').fileupload({ 
     add: function(e, data) { 
       var uploadErrors = []; 
       var acceptFileTypes = /^image\/(jpe?g|png)$/i; 
       if(data.originalFiles[0]['type'].length && !acceptFileTypes.test(data.originalFiles[0]['type'])) { 
        uploadErrors.push('Please choose jpg or png file. '); 
       } 
       if(data.originalFiles[0]['size'].length && data.originalFiles[0]['size'] > 500000) { 
        uploadErrors.push('Filesize is too big. '); 
       } 
       if(uploadErrors.length > 0) { 
        alert(uploadErrors.join("\n")); 
       } else { 
        data.submit(); 
       } 
     }, 
     url: url, 
     dataType: 'json', 
     done: function (e, data) { 
      $.each(data.result.files, function (index, file) { 
       $('<p/>').text(file.name).appendTo('#files'); 
      }); 
     }, 
     progressall: function (e, data) { 
      $("#progress").show(); 
      var progress = parseInt(data.loaded/data.total * 100, 10); 
      $('#progress .progress-bar').css(
       'width', 
       progress + '%' 
      ); 
      alert('Image uploaded successfully. It will refresh automatically.'); 

     } 
    }).prop('disabled', !$.support.fileInput) 
     .parent().addClass($.support.fileInput ? undefined : 'disabled'); 
}); 

Görüntünün eski resmi gösterdiği anda göstereceği yer aşağıdadır. sayfa yükleme sırasında veri tabanından getirdim. görüntüden sonra sunucudan

<img id="bg1" src="files/<?php echo $big_logo;?>" class="simples-img1"> 

JSON veri yüklemek dosya adı sunucusundan geliyor ama web sayfasında gösterilmeye kullanabilirsiniz nasıl bilmiyorum gibi görünüyor

"files":[{"name":"472a37f6225c49a1febfb3b52100d77f1.png","size":93032,"type":"image\/png","title":null 

.

cevap

1

"name":"472a37f6225c49a1febfb3b52100d77f1.png" 

görüntü dosyasının yolunu ise? Eğer cevap data.result.files[0].name

done: function (e, data) { 

      $("#bg1").attr("src", "files/" + data.result.files[0].name); 

      $.each(data.result.files, function (index, file) { 
       $('<p/>').text(file.name).appendTo('#files'); 
      }); 
     }, 
+0

teşekkür etmek img#bg1 arasında src ayarlamak için :done(function() {}) de .attr() kullanabilirsiniz. Bir deneyeceğim. – Ironic

+0

Kodunuzu komut dosyasına koymak zorundayım? – Ironic

+0

@CalculatingMachine Gönderilen "done: function() {}" desenini kullanabilir mi? – guest271314

İlgili konular