jquery上传图片
时间: 2023-02-08 13:44:15 浏览: 89
jQuery 是一种常用的 JavaScript 库,它提供了很多方便的 DOM 操作和事件处理函数。在 jQuery 中,你可以使用 $.ajax() 或 $.post() 等方法来上传图片。
具体的实现方式如下:
1. 首先,在 HTML 中添加一个文件上传输入框,例如:
```html
<input type="file" id="fileInput" name="fileInput">
```
2. 然后,在 JavaScript 中获取文件上传框中选择的文件,并使用 FormData 对象封装文件:
```javascript
var file = $('#fileInput')[0].files[0];
var formData = new FormData();
formData.append('file', file);
```
3. 接下来,使用 $.ajax() 或 $.post() 方法将文件发送到服务器端:
```javascript
$.ajax({
url: 'upload.php',
type: 'POST',
data: formData,
processData: false,
contentType: false,
success: function (data) {
console.log(data);
}
});
```
或者
```javascript
$.post('upload.php', formData, function (data) {
console.log(data);
});
```
在这里,upload.php 是服务器端的文件上传接收程序。
服务端需要实现对文件上传的接收与处理,可以用 PHP,node.js,python等语言的服务端框架如 express, laravel 等.
你可以通过这种方式在 jQuery 中上传图片。
相关推荐
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)