v2.5.2
Giriş yap

Vuejs dosya yükleme hakkında

siyahkalem
456 defa görüntülendi

Merhaba,
Vuejs ile resim yüklemeye çalışıyorum ama bir türlü olmadı.
Desteğinizi rica ediyorum.


// Burada v-for ile döndüğünü unutmayalım burada bir sorun yok
<textarea class="font14" placeholder="Yeni Kart" v-model="cardContent.cardContentText" @change="addToCardContent" @keyup.enter="addToCardContent"></textarea>
<input type="hidden" v-model="cardContent.cardContentcardFieldsToken = objContentCard.cardFieldsToken">

// Kart içerisine resim yada dosya yükleme alanında bir sorun var
<input type="file" v-model="cardContent.cardContentImgPath" @change="onFileChange">


onFileChange(e) {
      	var files = e.target.files || e.dataTransfer.files;
      	console.log(e.target.files);
      	if (!files.length)
      		return;
      	this.addToCardContent(files[0]);
      },

      addToCardContent: function(file){
        
      	let formData = app.toFormData(app.cardContent, file);

        
      	axios.post('https://xxx.com/note/api_card.php?action=addContent',formData, {
      		header:{
      			'Content-Type' : 'multipart/form-data'
      		}})
      	.then(function(response){
      		if(!response.data.error){

      			app.getListCardContent();
      			console.log(app.cardContent.cardContentImgPath);
      			app.cardContent     = {cardContentText : '', cardContentImgPath : ''};

      		}
      	});



      },
    

$image = '';
                if(isset($_FILES['file']['name']))
                {
                   $image_name = $_FILES['file']['name'];
                   $valid_extensions = array("jpg","jpeg","png");
                   $extension = pathinfo($image_name, PATHINFO_EXTENSION);
                   if(in_array($extension, $valid_extensions))
                   {
                      $upload_path = 'upload/' . time() . '.' . $extension;
                      if(move_uploaded_file($_FILES['file']['tmp_name'], $upload_path))
                      {
                         $message = 'Image Uploaded';
                         $image   = $upload_path;
                     }
                     else
                     {
                         $message = 'There is an error while uploading image';
                     }
                 }
                 else
                 {
                  $message = 'Only .jpg, .jpeg and .png Image allowed to upload';
                  
              }
          }
          else
          {
           $message = 'Select Image';
           $image = '';
       }
       
       // Kayıt işlemleri aşağıya doğru gidiyor burada da bir sorun yok.

Cevap yaz
Cevaplar (1)
hakankorkz
950 gün önce

form etiketine multipart verdin mi?