传照片

初出茅庐的图片上传的封装-- -- --面向对象

爱⌒轻易说出口 提交于 2019-12-29 21:03:03
//今天才学的 留作纪念吧 //upload.php <?php class Upload { private $filename;//文件名 private $type;//文件类型 private $fileerror;//文件错误 private $allowsize;//允许的文件大小 private $allowtype;//允许的类型 private $path;//路径 private $newsname;//文件新名称 private $tmpname;//缓存文件名称 private $filetypes;//后缀名 private $seterror;//错误 function __construct($files,$path) { $this->filename=$files['name']; $types=explode(".",$this->filename);//根据.截取文件的后缀名称(.jpg) $this->filetypes=$types[count($types)-1];//后缀名称(jpg) $this->fileerror=$files['error']; $this->allowtype=array("jpg","png","gif","bmp","jpeg"); $this->allowsize=2000000; $this->path

php图片上传代码

我的梦境 提交于 2019-12-29 21:01:55
<?php /****************************************************************************** 参数说明: $max_file_size : 上传文件大小限制, 单位BYTE $destination_folder : 上传文件路径 $watermark : 是否附加水印(1为加水印,其他为不加水印); 使用说明: 1. 将PHP.INI文件里面的"extension=php_gd2.dll"一行前面的;号去掉,因为我们要用到GD库; 2. 将extension_dir =改为你的php_gd2.dll所在目录; ******************************************************************************/ //上传文件类型列表 $uptypes=array( 'image/jpg', 'image/jpeg', 'image/png', 'image/pjpeg', 'image/gif', 'image/bmp', 'image/x-png' ); $max_file_size=2000000; //上传文件大小限制, 单位BYTE $destination_folder="uploadimg/"; //上传文件路径 $watermark

上传图片

妖精的绣舞 提交于 2019-12-29 21:00:03
// 允许上传的图片后缀 $allowedExts = array("gif", "jpeg", "jpg", "png"); $temp = explode(".", $_FILES["file"]["name"]); $temp1 = explode(".", $_FILES["file1"]["name"]); $temp2 = explode(".", $_FILES["file2"]["name"]); $temp3 = explode(".", $_FILES["file3"]["name"]); $temp4 = explode(".", $_FILES["file4"]["name"]); $temp5 = explode(".", $_FILES["file5"]["name"]); $extension = end($temp); // 获取文件后缀名 $extension1 = end($temp1); $extension2 = end($temp2); $extension3 = end($temp3); $extension4 = end($temp4); $extension5 = end($temp5); if ((($_FILES["file"]["type"] == "image/gif") || ($_FILES["file"]["type"]

PHP上传图片

心已入冬 提交于 2019-12-28 08:13:04
首先需要一个表单,点击提交按钮提交至upload_file.php文件   <form action="upload_file.php" method="post" enctype="multipart/form-data"> <label for="file">Filename:</label> <input type="file" name="file" id="file" /> <br /> <input type="submit" name="submit" value="Submit" /> </form>    upload_file.php文件如下 <?php if ((($_FILES["file"]["type"] == "image/gif") || ($_FILES["file"]["type"] == "image/jpeg") || ($_FILES["file"]["type"] == "image/pjpeg")) && ($_FILES["file"]["size"] < 2000000)) { if ($_FILES["file"]["error"] > 0) { echo "Return Code: " . $_FILES["file"]["error"] . "<br />"; } else { echo "Upload: " . $

file标签 - 图片上传前预览 - FileReader & 网络图片转base64和文件流

笑着哭i 提交于 2019-12-27 10:06:45
   记得以前做网站时,曾经需要实现一个图片上传到服务器前,先预览的功能。当时用html的<input type="file"/>标签一直实现不了,最后舍弃了这个标签,使用了其他方式来实现了这个功能。   今天无意发现了一个知识点,用html的file标签就能实现图片上传前预览,感觉很棒,记录一下!就是通过file标签和js的FileReader接口,把选择的图片文件调用readAsDataURL方法,把图片数据转成base64字符串形式显示在页面上。 1、闲话少说,测试一下,图片上传前预览(选择图片): 实现代码: <div style="border:2px dashed red;"> <p> 图片上传前预览:<input type="file" id="xdaTanFileImg" onchange="xmTanUploadImg(this)" accept="image/*"/> <input type="button" value="隐藏图片" onclick="document.getElementById('xmTanImg').style.display = 'none';"/> <input type="button" value="显示图片" onclick="document.getElementById('xmTanImg').style.display =

HTML+jQuery图片上传示例

谁说胖子不能爱 提交于 2019-12-26 23:40:45
图片上传HTML部分只需要增加一个表单或在原有的表单中添加<input type="file">的标签,表单示例如下: 1 <form id="imageForm" enctype="multipart/form-data" action="url" method="POST"> 2 <input type="text" name="imgName" /> 3 <input type="file" name="image" accept=""/> 4 <button type="submit" >上传</button> 5 </form> 其中,form和input[type="file"]的属性是图片或者文件上传的关键属性; 对于要上传图片或文件的表单form,其必要属性为enctype="multipart/form-data",这一属性主要作用是将form的MIME编码设置成二进制,为图片或文件上传提供编码基础。 注:表单form的默认MIME编码为application/x-www-form-urlencoded。 接下来,是input[type="file"]的属性设置。input[type="file"]是调用了HTML默认提供的本地文件选择的控件。其中,accept属性定义了空间打开时默认浏览的文件格式。accept的部分值(与图片上传相关的值

Jquery异步上传图片

送分小仙女□ 提交于 2019-12-26 15:18:45
网页中这样: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head id="Head1"> </head> <title></title> <script src="Scripts/jquery-1.8.2.min.js"></script> <script type="text/javascript"> function uploadImage() { //判断是否有选择上传文件 var imgPath = $("#uploadFile").val(); if (imgPath == "") { alert("请选择上传图片!"); return; } //判断上传文件的后缀名 var strExtension = imgPath.substr(imgPath.lastIndexOf('.') + 1); if (strExtension != 'jpg' && strExtension != 'gif' && strExtension != 'png' && strExtension != 'bmp') { alert("请选择图片文件"); return; } $.ajax({ type: "POST", url: "handler/UploadImageHandler.ashx", data: {

input上传图片file

自作多情 提交于 2019-12-25 18:02:55
方法一: <input type="file" name="id_bank" class="layui-input" accept="image/jpg,image/jpeg,image/gif,image/png" onchange="imgChange(event,'id_bank')"> <img src="" alt="" id="id_bank"> function imgChange(e, imageid) { //console.info(e.target.files[0]);//图片文件 //console.log(e.target.value);//这个也是文件的路径和上面的dom.value是一样的 var reader = new FileReader(); reader.onload = (function (file) { return function (e) { //console.info(this.result); //这个就是base64的数据了 document.getElementById(imageid).src = this.result; }; })(e.target.files[0]); reader.readAsDataURL(e.target.files[0]); }; 方法二: <input type="file" name=

vue+axios+TinyMCE图片上传功能

帅比萌擦擦* 提交于 2019-12-25 13:17:04
vue+axios+TinyMCE图片上传功能 前端 编辑器 Tinymce图片上传 后端 配置(impor!!!!) 后端代码 前端 最近在做一个前后端分离的实践,实践当中需要完成文本的编辑,以及图片的上传,在图片上传的地方踩了很多坑最后也没有实现。最后在浏览众多方法后自己试着写了一下,成功!(PS:本人在校大学生,小白一枚,只想留下自己踩的坑) 编辑器 前端编辑器使用的是Tinymce 因为英语很渣,看见英文文档就算有谷歌翻译也不想看,怎么使用的话还请百度,在这人就不多叙述。 编辑器效果如图: Tinymce图片上传 因为要上传图片到后端所以使用 images_upload_handler 处理图片(即异步上传到服务端) images_upload_handler包含3个参数blobInfo, success,failure,blobInfo为图片信息,success为上传成功的回调(我的理解是返回图片的url),failure失败的回调。 以下是我的代码(通过axios发送请求) images_upload_handler : ( blobInfo , success , failure ) => { let formdata = new FormData ( ) formdata . append ( "file" , blobInfo . blob ( ) ) this

django中上传图片分页三级联动效果的实现代码 - python

折月煮酒 提交于 2019-12-24 18:12:56
文章来源: 嗨学网 敏而好学论坛www.piaodoo.com 欢迎大家相互学习 Django1.8.2中文文档:Django1.8.2中文文档 上传图片配置上传文件保存目录 1)新建上传文件保存目录。 2)配置上传文件保存目录。 后台管理页面上传图片 1)设计模型类。 2)迁移生成表格。 3) 注册模型类。 后台管理页面上传图片实例 1.在static下面创建media文件夹(再在media文件夹里面新建booktest文件夹)。 2.设置静态文件保存目录 # 设置上传文件的保存目录 MEDIA_ROOT = os.path.join(BASE_DIR, 'static/media') 3.编写图片模型类 class PicTest(models.Model): """上传图片""" goods_pic = models.ImageField(upload_to='booktest') # 指定上传图片到media下面的booktest文件夹下 4.迁移数据 python manage.py makemigrations python manage.py migrate 如果项目用的是原来的数据库,那么应该先去django_migrations里面删除booktest的init文件; delete from django_migrations where id = xxx;