thinkphp5单图上传即时显示

最新推荐文章于 2023-02-15 17:13:25 发布
最新推荐文章于 2023-02-15 17:13:25 发布
阅读量590 收藏
点赞数
分类专栏： thinkphp5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/luoangen/article/details/82801927
版权

//前端html部分

 <html lang="en">
     <head>
          <meta charset="UTF-8">
          <title>单图片上传</title>
          //引入js
          <script src="xxxxxx/js/jquery1.42.min.js"></script>
    </head>
    <body>
         <img onclick=" $('#weblogo_file').click();" id="img1" src="/uploads/tupian/0.png"/>
         <iframe name="ifr" frameborder="0"></iframe>
         <form style="display: none" target="ifr" action="/index.php/index/index/upload" method="post" enctype="multipart/form-data">
             <input type="text"name="id" value="5"><br/>
             <input id="weblogo_file" type="file" onchange=" $('#weblogo_submit').click();" name="pic"><br/>
             <input id="weblogo_submit" type="submit"  value="上传">
         </form>
     </body>
 </html>

//渲染页面

function uploadtest(){
  return $this->fetch();
}

//上传显示方法

function upload(){
    $res = request()->param();
    $id = $res['id'];
    $file = request()->file('pic');
    $pic = $id.'.png';
    $file->move(ROOT_PATH . 'public' . DS . 'uploads/tupian',$pic);
    echo '<script>
          window.parent.document.getElementById(\'img1\').src = "/uploads/tupian/'.$pic.'?" + Math.random()
         </script>';
    exit;
 }
高山流水遇知音-log
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Thinkphp5_修改上传图片
weixin_42137574的博客
03-31 786
Article.php 控制器 //修改上传图片 public function edit(){ $input = input('post.'); $res = Db::table('bk_article')->where('id',input('id'))->find(); $this->assign(['res'=>$res]); if(request()->isPost()){
ThinkPHP 5.1 上传图片
ZhangLongYi的博客
08-26 1486
ThinkPHP 5.1 上传图片 控制器 上传页面 显示页面 控制器代码 <?php namespace app\index\controller; use think\Controller; use think\Db; use think\Request; class Image extends controller { public function image(){ //...
ThinkPHP5 上传图片
weixin_46651125的博客
03-25 981
上传到本地 上传文件 ThinkPHP5.0对文件上传的支持更加简单。 假设表单代码如下： <form action="/index/index/upload" enctype="multipart/form-data" method="post"> <input type="file" name="image" /> <br> <input type="submit" value="上传" /> </form> 然后在控制器中添加如下
thinkphp5.0多图上传压缩
最新发布
刘承峰的博客
02-15 686
【代码】thinkphp5.0多图上传压缩。
thinkphp 5 上传图片文件路径存并写入数据库！
wushengyong1996的博客
02-10 8190
public function Article_Add() { $title = input('param.title'); $content = input('param.content'); $postuser = input('param.postuser'); $image = ""; if($title &lt;&gt; '' and $content &lt;&g...
think php上传图片,thinkphp5使用Webupload上传图片
weixin_33836042的博客
03-10 421
因为Blog的升级使用的是ThinkPHP5的版本，然后有些变动这里自己遇到了，然后整理下。首先是上传实例化：手册上上传使用方法HTMLPHPpublicfunctionuploads(){//获取表单上传文件例如上传了001.jpg$file=request()->file('image');//移动到框架应用根目录/public/uploadss/目录下$info=$...
webuploads文件上传 导出带图片
weixin_47541170的博客
03-21 161
webuploads文件上传 导出带图片 参考webuploader官方文档 http://fex.baidu.com/webuploader/getting-started.html 参考thinkPHP官方文档https://www.kancloud.cn/manual/thinkphp5/155159 <!DOCTYPE html> <html> <head> <title></title> <meta chars
thinkphp + flash上传头像剪裁预览组件
07-12
用户在选择图片后，Flash组件可以即时显示预览，并允许用户通过拖动或设置尺寸来裁剪图片。裁剪后的数据（通常是以X、Y坐标，宽度和高度的形式）需要发送回服务器。 在ThinkPHP中接收Flash发送的数据，可以创建一个...
phpvote:thinkphp3.1 投票
07-17
5. **开发与部署**：开发过程中，开发者需要对ThinkPHP3.1的文档进行深入学习，理解其原理和使用方法。部署时，需要将项目文件上传到服务器，并配置好数据库连接，确保环境支持PHP运行。如果使用JavaScript库，还...
php 删除记录同时删除图片文件的实现代码
12-18
在PHP开发中，有时我们需要处理用户上传的图片或者文件，并...- PHP实现上传多图即时显示与即时删除的方法 以上这些文章提供了更多关于PHP图片处理和文件管理的实用技巧，可以帮助你在实际项目中更好地实现相关功能。
thinkphp5 多图片上传
10-10
thinkphp5结合plupload前段开发框架实现多图片的上传，修改，删除功能
在线上传剪辑头像
09-22
例如，可以监听`change`事件来获取选中的文件，使用`FileReader` API读取文件并显示预览图。对于头像裁剪，可以引入如Cropper.js这样的库，它提供了强大的图片裁剪功能，支持触控设备，并能处理不同尺寸的图片。 2....
onethink 头像剪切上传
09-28
通过`<input type="file">`元素让用户选择文件，然后利用FileReader对象的readAsDataURL方法将选取的图片转换为base64编码的URL，显示在img标签中。 2. 剪切操作：为了实现图像剪切，前端可以使用JavaScript库如...
ThinkPHP5实现图片上传
qq_44023710的博客
12-12 803
根据tp5框架写的图片上传 不多说，看效果 首先控制器中渲染模板，新建新建index.html. index.html中的文件，注意，表单中一定要填写enctype=“multipart/form-data”。默认情况下，enctype的值是application/x-www-form-urlencoded，不能用于文件上传，只有使用了multipart/form-data，才能完整的传递文件数据。 上传成功，并且显示图片。欢迎各位技术交流 ...
thinkphp5集成H-ui后台（五）集成webUploader
germy2的专栏
02-25 678
在所有的编程语言中，都有对文件上传处理的知识点，这里不多赘述。在H-ui中，有一个功能强大的文件上传组件webUploader，今天就来说明和集成一下它。 先看一下webUploader集成后的效果： 1、页面中使用webUploader 这里就以博客的增加页面（blogAdd.html）为例，首先在页面中引入webUploader所需要的css样式和js文件： &lt;lin...
ThinkPhp5 图片上传实例
猿学
01-29 5033
ThinkPhp5 图片上传实例 HTML &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;文章添加&lt;/title&gt; &lt;script src="https
think php上传图片,基于ThinkPHP5.0实现图片上传插件
weixin_42170064的博客
03-10 262
效果预览图：该插件主要功能是：可预览裁剪图片和保存原图片，执行裁剪图片后会删除 裁剪的原图片目录，以便减少空间。一、下载附件二、将附件中的CropAvatar.php放到自己程序目录extend/org目录下,如果遇到 exif_imagetype 错误，需要打开 php.ini 中的 extension=php_exif.dll三、common.php公共函数找到应用程序目录下的common.p...
think php上传图片,thinkphp5怎么上传图片
weixin_34581259的博客
03-10 443
前后台代码对应，前台的代码name对应后台的值，获取到需要上传的信息。上传流程很简单，接收上传的信息，把数据用move方法传到指定位置，然后成功后回调就可以了，注意步骤：自己封装的上传，接收传过来的name值，然后获取信息，做图片删除的话，就去查询数据库对应的位置，有就删除没有跳过，然后把图片上传到指定位置，就可以了。文档有图片路径的一些方法信息，可以获取路径，保存到数据库指定位置效果图，支持自定...
thinkphp5中字段值自增或自减的方法
热门推荐
老哥—
10-18 1万+
自增方法:db('数据表名')-&amp;gt;where('条件')-&amp;gt;setInc('字段',值); 例子:db('user')-&amp;gt;where('uid',$uid)-&amp;gt;setInc('score',5);//用户积分加5 自减方法:db('数据表名')-&amp;gt;where('条件')-&amp;gt;setInc('字段',值); 例子:db('user')-&amp;gt;where('u
thinkphp5文件写入的方法示例
老哥—
09-06 6724
$request = request();//think助手函数 $data_get = $request-&amp;amp;amp;gt;param();//获取get与post数据 //组装要写入的数据 $data_2 = [ 'one'=&amp;amp;amp;gt;$data_get['one'], 'two'=&amp;amp;amp;gt;$data_get['two'], 'invite'=&amp;amp;amp;g
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值