javascript - 前端上传图片该如何传数据给后端，如果用ajax传递数据给后端
本文介绍了javascript - 前端上传图片该如何传数据给后端，如果用ajax传递数据给后端的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
问 题
<input type="file" name="uploadFiles"/>除了uploadFiles外还要传递图片key等数据给后端，
用上述input选择图片后，传递数据会把图片路径还是图片数据传递给后端，
希望大家给讲讲怎么实现这个上传图片
解决方案
现在回答你的第一个问题，
会把图片数据上传给后端，不会把路径传过去。
第二个问题怎么实现，我想问你你对后端了解点吗。会php吗？
如果你会点的会就可以往下看了，
首先你需要一个服务器，本地的就行，比如xammp，
接着你要找到服务器的根目录，xammp 的目录为htdocs，
然后你在根目录下新建两个文件，upload.html和accept.php,一个是前端的，一个是后端的，都要放在这个目录里，
接着，看我的upload.html代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<form action="accept.php" method="post" enctype="multipart/form-data">//这里面的缺一不可
<input type="file" name="file">
<input type="submit" value="上传">
</form>
</body>
</html>accept.php代码
<?php
print_r($_FILES['file']);
?>这是最简单的一种方式，但这是基本的原理
这篇关于javascript - 前端上传图片该如何传数据给后端，如果用ajax传递数据给后端的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
