|
|
@@ -1,72 +0,0 @@
|
|
|
-<!DOCTYPE html>
|
|
|
-<html lang="en">
|
|
|
-<head>
|
|
|
- <meta charset="UTF-8">
|
|
|
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
- <title>测试</title>
|
|
|
-
|
|
|
- <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
|
|
|
-</head>
|
|
|
-<body>
|
|
|
-<form id="uploadForm" enctype="multipart/form-data">
|
|
|
- <input type="file" id="fileInput" name="video" accept="image/jpeg, image/png, image/jpg, image/gif" multiple> <!-- 允许选择多个文件 -->
|
|
|
- <button type="submit">上传图片</button>
|
|
|
-</form>
|
|
|
-
|
|
|
-
|
|
|
-<script>
|
|
|
- $(document).ready(function () {
|
|
|
-
|
|
|
-
|
|
|
- function imageToBase64(url, callback) {
|
|
|
- fetch(url)
|
|
|
- .then(response => response.blob()) // 获取图片的二进制数据
|
|
|
- .then(blob => {
|
|
|
- const reader = new FileReader();
|
|
|
- reader.onloadend = function () {
|
|
|
- callback(reader.result); // 获取 Base64 编码
|
|
|
- };
|
|
|
- reader.readAsDataURL(blob); // 转换为 Base64
|
|
|
- })
|
|
|
- .catch(error => {
|
|
|
- console.error('图片转换失败:', error);
|
|
|
- });
|
|
|
- }
|
|
|
-
|
|
|
- // 使用示例
|
|
|
- imageToBase64('http://l.cn:23314/storage/images/2fe4aab00cf6b0e88ff8ca0c8763eab2.png', (base64) => {
|
|
|
- console.log('Base64 编码:', base64);
|
|
|
- });
|
|
|
-
|
|
|
-
|
|
|
- $('#uploadForm').on('submit', function (e) {
|
|
|
- e.preventDefault();
|
|
|
-
|
|
|
-
|
|
|
- var formData = new FormData();
|
|
|
- var fileInput = $('#fileInput')[0].files[0]; // 获取文件
|
|
|
- formData.append('image', fileInput); // 将文件添加到FormData对象中
|
|
|
- $.ajax({
|
|
|
- // url: 'https://marry-api.xt528.com/api/user/uploadFile',
|
|
|
- url: 'http://127.0.0.1:23314/api/user/uploadFile',
|
|
|
- type: 'POST',
|
|
|
- data: formData,
|
|
|
- contentType: false, // 不设置 contentType, jQuery 会自动处理
|
|
|
- processData: false, // 不对数据进行处理
|
|
|
- headers: {
|
|
|
- Authorization: 'Bearer eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpYXQiOjE3MzcwMDE2NTIsImV4cCI6MTczNzAwNTI1Miwic3ViIjoxLCJ1c2VyX2lkIjoxfQ.SRWTBsoFPuAM2B65cSVUeSfyb45siSoAwdK7_x2sknE' //token为登录接口获取到的token
|
|
|
- },
|
|
|
- success: function (response) {
|
|
|
- console.log('上传成功:', response);
|
|
|
- },
|
|
|
- error: function (xhr, status, error) {
|
|
|
- console.log('上传失败:', error);
|
|
|
- }
|
|
|
- });
|
|
|
-
|
|
|
- return false;
|
|
|
- });
|
|
|
- });
|
|
|
-</script>
|
|
|
-</body>
|
|
|
-</html>
|
Ken