forumu açan controller dosyamız:
public function upload(){
return view('upload');
}formu açan blade-dosyamız:
<!doctype html>
<html>
<head>
<title>axios - file upload example</title>
<link rel="stylesheet" type="text/css" href="//maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"/>
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
</head>
<body class="container">
<h1>file upload</h1>
<form role="form" class="form" onsubmit="return false;">
<div class="form-group">
<label for="file">File</label>
<input id="file" type="file" class="form-control" name="file"/>
</div>
<button id="uploadBtn" type="submit" class="btn btn-primary">Upload</button>
</form>
<div id="output" class="container"></div>
<script>
(function () {
var output = document.getElementById('output');
document.getElementById('uploadBtn').onclick = function () {
var data = new FormData();
data.append('userid', '1');
data.append('file', document.getElementById('file').files[0]);
var config = {
headers: {'Content-Type':'multipart/form-data'},
onUploadProgress: function(progressEvent) {
var percentCompleted = Math.round( (progressEvent.loaded * 100) / progressEvent.total );
}
};
axios.post('http://localhost/antreman/public/api/uploadpost', data, config)
.then(function (res) {
output.className = 'container';
output.innerHTML = res.data;
})
.catch(function (err) {
output.className = 'container text-danger';
output.innerHTML = err.message;
});
};
})();
</script>
</body>
</html>api.php route dosyamız:
Route::get('uploadpost',[UploadController::class, 'uploadpost'])->name('uploadpost');
Route::post('uploadpost',[UploadController::class, 'uploadpost'])->name('uploadpost');upload formu için route dosyamız:
Route::get('upload',[GenelController::class, 'upload'])->name('upload');evet şimdi burada zaten açıkça belirttim neyin nasıl olduğunu kodlarınızı kendinize göre yerleştirirsiniz çünkü javascript ajaxtanda faydalandık bu öğrettiklerimi sizlere kimse öğretmez lütfen emeğe saygılı olalım uzun uzun yazmıycam eğer sorularınız var ise bu konu başlığı altına yazın hatam olduysa affola düzeltin...
