php+jquery实现图片上传预览_和拖动位置值,PHP教程:thinkphp jquery实现图片上传和预览效果...
《PHP教程:thinkphp jquery实现图片上传和预览效果》要点:
本文介绍了PHP教程:thinkphp jquery实现图片上传和预览效果,希望对您有用。如果有疑问,可以联系我们。
PHP学习
PHP学习那个file按钮样式先忽略
PHP学习点击选择图片(浏览),随便选一张图片
PHP学习
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 = "";
//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.
php+jquery实现图片上传预览_和拖动位置值,PHP教程:thinkphp jquery实现图片上传和预览效果...相关推荐
- ubuntu tomcat上传目录权限_等了 3 年,Ubuntu Studio 终于有权限上传更新包
Ubuntu 的衍生版本 Ubuntu Studio 终于选出了两位具有上传更新包权限的开发者. 此前就有媒体报导过,Ubuntu Studio 19.04 版本可能会流产,而原因很让人诧异:社区里没 ...
- lnmp修改mysql上传大小限制_安装Linux+Nginx+MySQL+PHP(LNMP)集成环境,解除上传文件大小限制...
这是最小安装CentOS 8.0后安装LNMP的过程. 1. 更新系统,安装必要的工具程序 更新.安装的代码如下: //更新系统 >>yum -y update //安装必要工具程序 &g ...
- python给图片加滤镜的方程_清明节来了,我们用Python给《清明上河图》加了个滤镜...
原标题:清明节来了,我们用Python给<清明上河图>加了个滤镜 导读:过几天就是清明节了.传统节日,特别是一个放假的传统节日,我觉得有必要安排一下.最近在研究查找表以及滤镜的实现,正好赶 ...
- macos上的ios虚拟机_如何将中级帖子转换为可在iOS和macOS上运行的SwiftUI应用
macos上的ios虚拟机 I recently turned one of my posts into a SwiftUI app, and the process is very easy. My ...
- python json传参数可以传对象吗_廖雪峰的python系列教程(52)——IO编程之序列化...
序列化 在程序运行的过程中,所有的变量都是在内存中,比如,定义一个dict: d = dict(name='Bob', age=20, score=88) 可以随时修改变量,比如把name改成'Bil ...
- word表格图片自动适应表格大小_几招教你快速解决word文字、图片、表格排版问题,你肯定遇到过...
在word日常办公中,很多小伙伴是不是总会遇到文字.图片及表格排版的某些问题呢?今天我们来分享一些在办公中经常会遇到几个常见问题的解决方法. 1.写文档的时候出现"吃字"现象. 在 ...
- 串口中断和定时器中断_启士 | 蓝桥杯单片机教程12 中断与定时器 (上)
这是 北航士谔书院 的第 949 篇推送 本文介绍中断(interrupt)的基本概念,并演示定时器中断.外部中断的使用方法.如果同学们对文章内容有疑问,或发现文中有任何不妥之处,请点击"阅 ...
- centos7火狐浏览器上不了网_网络问题备忘:能ping通,就是上不了网
今天碰到一台win7电脑,突然上不了网,右下角网络图标黄色小感叹号, 进入"网络与Intel设置",在第二段 网络--Internet之间一个大红叉. 先检查了ip和dns设置没有 ...
- python寻找屏幕上的特定字符_库Turtle:用Python指挥小海龟在屏幕上绘图,流行的儿童编程...
海龟绘图(Turtle Graphics)是向儿童介绍编程的流行方式,源于Wally Feurzig和Seymour Papert1966年开发的LOGO语言.Python内置了Turtle库,基本包 ...
最新文章
- POJ-1753 Flip Game 枚举 状态压缩
- iOS开发UI篇—UIWindow简单介绍
- Qt之QByteArray类学习
- javascript小游戏_javaScript小游戏——网页版别踩白块
- wpf: DataGridTextColumn 数字格式显示,编辑时取消格式(StringFormat)
- 电池的寿命(信息学奥赛一本通-T1229)
- 深度学习福利入门到精通第二讲——AlexNet模型
- 一个真正成熟的人不会过度在意别人的眼光
- 【渝粤教育】电大中专幼儿园课程论作业 题库
- 电梯里的爱情华科oj
- Ae:Keylight(1.2)(中英对照)
- Vmware虚拟机和主机之间复制、粘贴内容、拖拽文件的详细方法
- G盘格式化了,要怎样恢复文件
- Qt读取文本文件乱码的问题
- NBIOT专栏之BC28与STM32F103单片机串口通信连接阿里云
- 居然有人能把5G解释的这么清楚
- INI文件解析、遍历
- 转:浅谈Radius协议 -来自CSDN:http://blog.csdn.net/wangpengqi/article/details/17097221
- *7-1 CCF 2015-09-1 数列分段
- 校准品,标准品和质控品的区别
热门文章
- LeetCode 493. 翻转对(归并排序)
- mysql 连接 内存溢出_mysql - MySQL中止连接未知错误 - 堆栈内存溢出
- c++ 不插入重复元素但也不排序_面试时写不出排序算法?看这篇就够了
- 8.账户管理(非数据库管理人员理解篇
- 2019 阿里Java 4轮面试题,含必考题答案参考!
- mysql查询时间段内的数据
- Android官方开发文档Training系列课程中文版:多样屏幕之支持不同的屏幕尺寸
- BIO,NIO,AIO
- Failed to execute goal org.apache.maven.plugins:maven-resources-plugin
- leetcode--数组(Easy)