在 Laravel 5.3 中使用 Axios 上传图像文件,可以按照以下步骤进行操作:
<form id="imageUploadForm" enctype="multipart/form-data">
<input type="file" name="image" id="imageInput">
<button type="submit">上传</button>
</form>
const form = document.getElementById('imageUploadForm');
const input = document.getElementById('imageInput');
form.addEventListener('submit', (e) => {
e.preventDefault();
const formData = new FormData();
formData.append('image', input.files[0]);
axios.post('/upload', formData)
.then((response) => {
console.log(response.data);
})
.catch((error) => {
console.error(error);
});
});
Route::post('/upload', 'ImageController@upload');
namespace App\Http\Controllers;
use Illuminate\Http\Request;
class ImageController extends Controller
{
public function upload(Request $request)
{
if ($request->hasFile('image')) {
$image = $request->file('image');
$imageName = time() . '.' . $image->getClientOriginalExtension();
$image->move(public_path('images'), $imageName);
return response()->json(['success' => true, 'image' => $imageName]);
}
return response()->json(['success' => false, 'message' => 'No image uploaded.']);
}
}
以上就是在 Laravel 5.3 中使用 Axios 上传图像文件的步骤。通过以上步骤,你可以实现一个简单的图像上传功能。如果你想了解更多关于 Laravel 的知识,可以参考腾讯云的 Laravel 产品介绍页面:腾讯云 Laravel 产品介绍。
没有搜到相关的沙龙
领取专属 10元无门槛券
手把手带您无忧上云