tp5图片文件ajax上传总结

最新推荐文章于 2023-02-23 17:21:47 发布

请问是技术大牛吗

最新推荐文章于 2023-02-23 17:21:47 发布

阅读量1.6k

点赞数 1

分类专栏： PHP 文章标签： jquery js php

本文链接：https://blog.csdn.net/Kenneth_JC/article/details/114837341

版权

PHP 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

tp5图片文件上传

选择图片，显示图片，进行存储；
html部分

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
	<script src="/static/js/jquery.js" type="text/javascript" charset="utf-8"></script>
    <title>上传图片</title>
</head>
    <body>
	<h2>tp5图片上传</h2>
		<form id="form">
			<input type="file" id="image" name="image" onchange="picture(this);" />
			<img class="img">
		</form>
    </body>
	<script type="text/javascript">
		 function picture() {
			var datas = new FormData($('#form')[0]);
				console.log(datas);
				$.ajax({
					url:"/index/index/img",
					type:'POST',
					data:datas,
					dataType:'json',
					cache:false,
					processData:false,
					contentType:false,
					success: function(data) {
						console.log(data);
						$('.img').attr("src",""+data+"");
					},
				});
	}
    </script>
</html>

public function img()
	{	
		$file = request()->file('image');//获取图片
		$info = $file->move(ROOT_PATH . 'public' . DS . 'uploads');//图片存储
		if($info){
           $a= $info->getSaveName(); 
		   $b='/uploads/'.$a;
		   return $b;
		}
	}

一个简单的上传图片的小功能，但是我是没有写数据存储。
请各位大佬多多指教！！！！

请问是技术大牛吗

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
tp5图片文件ajax上传总结

tp5图片文件上传业务逻辑：首先我们先想一下，什么地方用的到图片上传，大家就会第一时间想到注册账号，发表动态等等，但是我们的文件上传只出现一个路径而不是一张图片，PHP存储问题，肯定不是当我选择之后就存储数据库，不是跟其他数据一样，就像我们注册的时候肯定不会是当我选择图片之或就上传图片到服务器，所以我们可以个把选择按钮添加事件当我选择的时候就触发事件传输数据，进行一个图片显示，最后在通过from表单把其他数据一起提交到后台。上代码：html部分<!doctype html><h
复制链接

扫一扫

专栏目录