php+jquery实现图片上传预览_和拖动位置值,PHP教程:thinkphp jquery实现图片上传和预览效果...

《PHP教程:thinkphp jquery实现图片上传和预览效果》要点:

本文介绍了PHP教程:thinkphp jquery实现图片上传和预览效果,希望对您有用。如果有疑问,可以联系我们。

PHP学习

67ad9b3e5beb8f95e641b65d0239a65a.png

PHP学习那个file按钮样式先忽略

PHP学习点击选择图片(浏览),随便选一张图片

PHP学习

cb32d800ccbcfc126d417138790d5e3a.png

PHP学习js代码如下

PHP学习

//上传图片立即预览

function PreviewImage(imgFile) {

var filextension = imgFile.value.substring(imgFile.value

.lastIndexOf("."), imgFile.value.length);

filextension = filextension.toLowerCase();

if ((filextension != '.jpg') && (filextension != '.gif')

&& (filextension != '.jpeg') && (filextension != '.png')

&& (filextension != '.bmp')) {

alert("对不起,系统仅支持标准格式的照片,请您调整格式后重新上传,谢谢 !");

imgFile.focus();

} else {

var path;

if (document.all)//IE

{

imgFile.select();

path = document.selection.createRange().text;

document.getElementById("photo_info").innerHTML = "";

document.getElementById("photo_info").style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='scale',src=\""

+ path + "\")";//使用滤镜效果

} else//FF

{

path = window.URL.createObjectURL(imgFile.files[0]);// FF 7.0以上

//path = imgFile.files[0].getAsDataURL();// FF 3.0

document.getElementById("photo_info").innerHTML = "%22+path+%22";

//document.getElementById("img1").src = path;

}

}

}

PHP学习html代码,其实不重要啦

PHP学习

物品图片

选择图片

class="glyphicon glyphicon-picture" aria-hidden="true">

οnchange='PreviewImage(this)' />

style="color: red;">*

 详细描述

name="info_desc" placeholder="如需补充,请填写..." title="可包含中文数字和常用字符">

PHP学习css代码就不上了啊

顺便补充一下thinkphp上传图片代码,把整个发布消息都拷过了算了

PHP学习

public function loseThing(){

$m=M('info');

$m->create();

$upload = new \Think\Upload();// 实例化上传类

$upload->maxSize = 3145728 ;// 设置附件上传大小

$upload->exts = array('jpg', 'gif', 'png', 'jpeg','bmp');// 设置附件上传类型

$upload->rootPath = './Public/';

$upload->savePath = '/Uploads/'; // 设置附件上传目录

$upload->autoSub = false;

// 上传文件

$info = $upload->upload();

if($info) {

// 上传成功

foreach($info as $file){

$m->info_photo=$file['savename'];

}

}

$m->create_time=date('Y-m-d H:i:s',time());

$m->uid=$_SESSION['id'];

$m->username=$_SESSION['username'];

/* $m->user_img=$_SESSION['filename']; */

$m->info_type="寻物启事";//信息类型为失物

$lastId=$m->add();

if($lastId){

$this->success('发布成功');

}else{

$this->error('发布失败,请先登录');

}

}

PHP学习以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持维易PHP.

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/486739.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

屏幕中间显示已停用缩放_有关标签打印软件缩放工具的介绍

在标签打印软件中设计标签时,为了方便编辑,有时会根据自己的需求放大缩小标签来精确位置大小等,做更细致的调整,这时就会用到缩放工具。下面,主要就是给大家介绍标签打印软件缩放工具的用处:在标签打印软件…

机器学习揭示了人类大脑的新见解

来源:科学杂志由新加坡国立大学(NUS)科学家领导的跨学科研究团队已成功地利用机器学习来发现对人脑细胞结构的新见解。该团队展示了一种使用从功能磁共振成像(fMRI)收集的数据自动估算大脑参数的方法,使神经科学家无需使用手术手段即可探测大脑&#xff…

dram和nand哪个难生产_仅300名员工,年产7台,订单排到5年后,比光刻机还难买...

如今半导体行业发展成为如今一大热议话题,如今不管在哪个行业几乎都要用到芯片,在以前可能手机行业对于芯片的需求量更高一些,然而近些年来不同领域的厂商都争相开始发展智能机,而这其中就离不开芯片技术,华为的麒麟芯…

bitset与取数凑数类问题

bitset是C中的一个东西&#xff0c;定义在头文件#include<bitset>里 所以可以使用#include<bitset>解决取数类的问题https://www.nowcoder.com/acm/contest/1/D 转载于:https://www.cnblogs.com/MekakuCityActor/p/8513734.html

人工智能的发展与障碍 | 麦肯锡

转自 | 软件定义世界受访者表示&#xff0c;人工智能正在迅速普及&#xff0c;但预计不会大规模减少企业用工人数。目前&#xff0c;仅有极少数企业具备让人工智能创造规模化价值的基本要素。麦肯锡一项以人工智能为主题的最新全球调研【1】 显示&#xff0c;人工智能正在全球商…

管理系统 c++图形界面_锁螺母ERP系统,一站式各国语言管理系统

锁螺母ERP系统鼎立软件企业正式启用ERP系统后&#xff0c;这种破坏将直接造成业务交易的中断&#xff0c;给企业带来不可估量的损失。出库商品遵循先进先出原则&#xff0c;减少商品过期带来的损耗。 锁螺母ERP系统&#xff0c;一站式各国语言管理系统正在企业中&#xff0c;一…

Go语言入门——Go语言环境搭建

下载Go语言包 go binary release是一套 二进制源码SDK工具组成的&#xff0c;和其他语言比&#xff0c;唯独没有运行时&#xff0c;也不需要。Go官方国内访问不稳定&#xff0c;最好FQ。请到https://golang.org/dl/ 下载对应的包&#xff0c;目前是1.9.3版本 三个环境变量 首先…

图文详解并联机器人,你了解吗?

文章来源&#xff1a;世界先进制造技术论坛内容来源&#xff1a;网络本期编辑&#xff1a;小艾 发展历程国外1931年&#xff0c;Gwinnett在其专利中提出了一种基于球面并联机构的娱乐装置&#xff1b;并联娱乐装置1940年&#xff0c;Pollard在其专利中提出了一种空间工业并联机…

c++求n次方_课时9一元二次方程及其应用

基础过关1.(2019徐州)方程x2&#xff1d;4的解为(  )A. x1&#xff1d;x2&#xff1d;2 B. x1&#xff1d;2&#xff0c;x2&#xff1d;&#xff0d;2C. x1&#xff1d;x2&#xff1d;&#xff0d;2 D. x1&#xff1d;2&#xff0c;x2&#xff1d;02.(2019兰州…

linux nfs命令,linux命令:NFS服务

NFS服务器端&#xff1a;nfs-utilsnfs服务器启动的进程: nfsd(nfs服务主进程)&#xff0c;mountd(挂载进程)&#xff0c;quotod(磁盘配额进程)nfsd端口&#xff1a;2049/tcp, 2049/udp让mountd和quotod等进程监控在固定端口&#xff0c;编辑配置文件&#xff1a;/etc/sysconfig…

图神经网络快速爆发,最新进展都在这里了

来源&#xff1a;AI科技大本营近年来&#xff0c;图神经网络&#xff08;GNNs&#xff09;发展迅速&#xff0c;最近的会议上发表了大量相关的研究论文。本文作者正在整理一个GNN的简短介绍和最新研究报告的摘要。希望这对任何准备进入该领域或试图赶上最新技术进展的人有所帮助…

为什么linux远程一进入sudo su就卡住_Linux 实战(上)

什么是LinuxLinux有两种含义&#xff1a;一种是 Linus 编写的开源操作系统的内核另一种是广义的操作系统服务器端通常强调稳定性&#xff0c;不需要像客户端那样华丽的图形界面。2. Linux 内核版本和常见发行版内核版本&#xff1a;https://www.kernel.org/内核版本分 主版本号…

JavaScript中的运算符和语句

一、JavaScript的运算符 a、基本的算术运算符&#xff08;、-、*、/、%&#xff09; -、*、/、%运算符会在必要的时候将操作数转换为数字&#xff0c;无法转换成数字的操作数将会转换成NaN,相应的运算结果也是NaN。 JavaScript中所有的数都是浮点型的&#xff0c;所以除法的运算…

linux运行好麻烦,解析用Linux非常困难、必须用命令行、很老又丑陋及无法运行游戏...

很多刚接触Linux的人都有四大疑问&#xff1a;使用Linux非常困难、在Linux中&#xff0c;您必须使用命令行、Linux很老又丑陋、Linux无法运行计算机游戏&#xff0c;本文为您解析&#xff0c;打消您对Linux的误解。前言对于许多人来说&#xff0c;Linux是一个可怕的操作系统&am…

深度学习未来的三种范式

来源&#xff1a;AI前线作者&#xff1a;Andre Ye译者&#xff1a;平川策划&#xff1a;陈思深度学习是一个广阔的领域&#xff0c;它围绕着一种形态由数百万甚至数十亿个变量决定并不断变化的算法——神经网络。似乎每隔一天就有大量的新方法和新技术被提出来。不过&#xff0…

Nature重磅:软硬分离、图灵完备,清华首次提出“类脑计算完备性”

来源 | 清华大学计算机系校友会北京时间10月14日&#xff0c;清华大学计算机科学与技术系&#xff08;以下简称“计算机系”&#xff09;张悠慧团队、精密仪器系&#xff08;以下简称“精仪系”&#xff09;施路平团队与合作者在《Nature》杂志发文&#xff0c;首次提出“类脑计…

Linux sublime设置中文,CentOS 8.1下Sublime Text 3设置中文与Python环境

Sublime Text是一个跨平台的源代码编辑器&#xff0c;设计简单&#xff0c;速度快&#xff0c;支持许多编程语言和标记语言&#xff0c;你可以使用数千个可用于安装的插件&#xff0c;在RHEL 8/CentOS 8上的Sublime Text 3上解锁更多功能&#xff0c;本文假设你已在CentOS/RHEL…

java 正则首位8或者9的8位数字_从零开始学Python - 第025课:正则表达式的应用

正则表达式相关知识在编写处理字符串的程时&#xff0c;经常会遇到在一段文本中查找符合某些规则的字符串的需求&#xff0c;正则表达式就是用于描述这些规则的工具&#xff0c;换句话说&#xff0c;我们可以使用正则表达式来定义字符串的匹配模式&#xff0c;即如何检查一个字…

蝴蝶扇了一下翅膀,混沌就诞生了

科学无国界我们是知识的搬运工认真阅读下面的文章&#xff0c;并思考文末互动提出的问题&#xff0c;严格按照 互动&#xff1a;你的答案 格式在评论区留言&#xff0c;就有机会获得由四川人民出版社提供的优质科普书籍《未来科学简史》一本。我们耳熟能详的“蝴蝶效应”&#…

native.loadlibrary获取路径不对_【Python专题(三)】Python模块导入与路径管理

​前言Python项目的路径管理是一个让人头疼的问题。在写python项目的时候&#xff0c;明明 import了文件A&#xff0c;代码运行时却收到 ModuleNotFoundError&#xff0c;仔细一看&#xff0c;是引用路径不对&#xff0c;很是气人。又或者&#xff0c;当项目中出现了重名的pack…