Vuejs dosya yükleme hakkında
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.
Soru hatalı mı? 👎
Eğer sorunun kurallara aykırı olduğunu düşünüyorsanız lütfen bize bildirin!