php怎么把图片上传到图片服务器？
图片服务器代码<?php 
/**
* 图片服务器上传API接口
* by Zx
* date 2016-04-28
*/
header('Content-type:text/json');
//准备参数
$size = 10485760; //图片大小 单位字节
$type = array('image/jpeg', 'image/gif', 'image/png'); //允许上传的图片类型
//验证数据完整性
if(isset($_FILES['imgs']) && isset($_POST['folder']))
{
switch($_POST['folder'])
{
case 'goods_img':
$path = 'goods_img/'.date('Y-m-d').'/';
break;
case 'goods_sku':
$path = 'goods_sku/'.date('Y-m-d').'/';
break;
default:
$path = 'default/'.date('Y-m-d').'/';
break;
}
if (!is_dir($path))
{
//第三个参数是“true”表示能创建多级目录，iconv防止中文目录乱码
mkdir(iconv("UTF-8", "GBK", $path),0777,true);
}
//开始图片上传
$result = upload($path, $size, $type);
}else{
//参数缺失
$result = array('code' => 0, 'msg' => '参数缺失');
}
echo json_encode($result);
/**
* Upload 图片上传
* @param $path 图片上传路径(一级目录)
* @param $size 图片上传大小 单位字节
* @param $type 允许上传的图片类型
* @return array code(0==上传失败, 1==上传成功) path==上传成功路径 name==上传成功图片名称
*/
function upload($path, $size, $type){
$file = $_FILES['imgs'];
if($file['error'] > 0){
switch($file['error']){
case 1:
return array('code' => 0, 'msg' => '上传文件超过PHP配置文件中 upload_max_filesize的值');
break;
case 2:
return array('code' => 0, 'msg' => '上传文件超过PHP配置文件中 post_max_size的值');
break;
case 3:
return array('code' => 0, 'msg' => '上传失败，图片数据缺损');
break;
case 4:
return array('code' => 0, 'msg' => '没有文件被上传');
break;
case 6:
return array('code' => 0, 'msg' => '上传失败，找不到临时目录');
break;
default:
return array('code' => 0, 'msg' => '未知错误');
break;
}
}
if($file['size'] > $size){
return array('code' => 0, 'msg' => '上传的图片大小超过限制的'.$size.'字节');
}
if(!in_array($file['type'], $type)){
return array('code' => 0, 'msg' => '不是正确的图片类型');
}
$suffix = strrchr($file['name'], '.');
$newName = md5(time().uniqid().mt_rand(1,999)).$suffix;
if(!file_exists($path)){
mkdir($path);
}
$path = rtrim($path, '/');
$p = $path.'/'.$newName;
if(move_uploaded_file($file['tmp_name'], $p)){
return array('code' => 1, 'msg' => '图片上传成功', 'path' => $path, 'name' => $newName);
}else{
return array('code' => 0, 'msg' => '图片上传失败');
}
}
前台代码//上传商品图片
$('#upload_goods_img').change(function(){
//上传商品图片数量
var small_goods_img_number = $('.small_number').length
if(small_goods_img_number == 5){
error('最多上传五张图片');return;
}
$('#index').val(++small_goods_img_number);
var formData = new FormData($( "#goods_img" )[0]);
// var url = "{:U('UploadImg/uploadGoodsImg')}";
var url = "{:U('UploadImg/upload_img')}";
formData.append("img_name", "goods_img");
formData.append("folder", "goods_img");
formData.append("type", "goods_img");
$.ajax({
type:'post',
url:url,
data:formData,
cache: false,
contentType: false,
processData: false,
success:function(data){
if(data.code){
//大图
var img_url = "{:C('IMG_SERVER_URL')}";
$('#upload_goods_img_big').attr('src', img_url+data.msg.goods_img_path);
//小图
addGoodsImgSmall(data.msg);
}else{
error(data.msg);
}
}
});
});
php代码/**
* 上传图片到服务器
* @return [type] [description]
*/
public function upload_img()
{
if(IS_POST){
$url = C('IMG_SERVER_URL').'uploadImg.php'; //图片API服务器
$data = I('post.');
$img_name = $data['img_name'];
if(!$img_name){
$ajax['msg'] = 'File名称有误';
}else{
$tmpName = $_FILES[$img_name]['name']; //上传上来的文件名
$tmpFile = $_FILES[$img_name]['tmp_name']; //上传上来的临时存储路径
$tmpType = $_FILES[$img_name]['type']; //上传上来的文件类型
$folder = $data['folder']; //存储路径
//执行上传
$obj = json_decode(upload_file($url, $tmpName, $tmpFile, $tmpType, $folder));
if($obj->code){
$path = $obj->path.'/'.$obj->name;
if($data['type'] == 'goods_img'){ //商品图片
$model = D('GoodsImg');
$goods_img_data['img_path'] = $path;
$goods_img_data['index'] = I('index');
$goods_img_data['create_time'] = time();
$goods_img_id = $model->add($goods_img_data);
if($goods_img_id){
$ajax['code'] = '1';
$ajax['msg'] = [
'id' => $goods_img_id,
'goods_img_path' => $path,
];
}else{
$ajax['msg'] = '上传失败';
}
}else if($data['type'] == 'goods_sku'){ //商品SKU
$model = D('GoodsSku');
$goods_sku_img_data['sku_img_path'] = $path;
$goods_sku_img_data['sku_distinguish'] = $data['sku_distinguish'];
$goods_sku_img_data['price'] = $data['sku_price'];
$goods_sku_img_data['create_time'] = time();
$goods_sku_img_id = $model->add($goods_sku_img_data);
if($goods_sku_img_id){
$ajax['code'] = '1';
$ajax['msg'] = [
'id' => $goods_sku_img_id,
'goods_sku_img_path' => $path,
'sku_distinguish' => $data['sku_distinguish'],
'price' => $data['sku_price']
];
}else{
$ajax['msg'] = '上传失败';
}
}
}else{
$ajax['msg'] = $obj->msg;
}
}
$this->ajaxReturn($ajax);
}
}
上传文件curl/**
* curl上传文件
*
* @param unknown $url
* @param unknown $filename
* @param unknown $path
* @param unknown $type
*/
function upload_file($url,$filename,$path,$type, $folder){
//php 5.5以上的用法
if (class_exists('\CURLFile')) {
$data = array(
'imgs' => new \CURLFile(realpath($path),$type,$filename),
'folder' => $folder
);
} else {
$data = array(
'imgs'=>'@'.realpath($path).";type=".$type.";filename=".$filename,
'folder' => $folder
);
}
$ch = curl_init();
curl_setopt($ch, CURLOPT_URL, $url);
curl_setopt($ch, CURLOPT_POST, true);
curl_setopt($ch, CURLOPT_POSTFIELDS, $data);
curl_setopt($ch, CURLOPT_HEADER, false);
curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
$return_data = curl_exec($ch);
$return_data = trim($return_data);
curl_close($ch);
return $return_data;
}
更多相关技术文章，请访问PHP教程！
本文原创发布PHP教程，转载请注明出处，感谢您的尊重！

微信小程序怎么上传图片到服务器?相信很多人都会把小程序图片保存到本地吧，但是把图片上传到服务器就不一定了，下面一起随小编看看微信小程序怎么上传图片到服务器吧。
微信小程序怎么上传图片到服务器?
首先，我们来看一下图片上传的小程序api。
这里的filePath就是图片的存储路径，类型居然是个String，也就是只能每次传一张图片，我以前的接口都是接收一个array，所以只能自己去改接收图片的接口。
看一下小程序页面效果图
一个很常见的修改头像效果，选择图片(拍照)，然后上传。
下面就是贴小程序代码了
首先是小程序wxml代码
css代码我就不贴了，一些样式而已。
对应的JS代码：
主要讲解一下小程序JS代码
1、chooseImageTap方法
用来显示一个选择图片和拍照的弹窗，用到了微信的一个页面交互的api showActionSheet，点击查看详细使用
显示操作菜单
2、chooseWxImage方法
主要是用来选择图片以及接收图片路径回调的监听，点击查看详细使用
从本地相册选择图片或使用相机拍照
3、上传
在chooseWxImage方法的success回调中我们可以看到，我把返回的图片路径res.tempFilePaths[0]
赋值给了logo，下面我们只需要调用upload方法就ok了，微信的uploadFile方法被我封装了一下变成了upload_file。
uploadFile方法
//上传文件
function upload_file(url, filePath, name, formData, success, fail) {
console.log('a='+filePath)
wx.uploadFile({
url: rootUrl + url,
filePath:filePath,
name:name,
header: {
'content-type':'multipart/form-data'
}, // 设置请求的 header
formData: formData, // HTTP 请求中其他额外的 form data
success: function(res){
console.log(res);
if(res.statusCode ==200 && !res.data.result_code){
typeof success == "function" && success(res.data);
}else{
typeof fail == "function" && fail(res);
}
},
fail: function(res) {
console.log(res);
typeof fail == "function" && fail(res);
}
})
}
filePath就是upload_file中我们传进来的logo变量，也就是图片的绝对路径。
微信小程序上传图片到服务器可能稍微比小程序图片保存到本地复杂，但是只要大家按照小编的方法来，也不会很复杂，所以大家赶快去试试吧，你如果还有更多小程序的问题，可以来微小乔看看。
相关推荐：

在很多的网站都可以实现上传头像，可以选择自己喜欢的图片做头像，从本地上传，下次登录时可以直接显示出已经上传的头像，那么这个是如何实现的呢？
下面说一下我的实现过程(只是个人实现思路，实际网站怎么实现的不太清楚)
实现的思路：
工具：MySQL，eclipse
首先，在MySQL中创建了两个表，一个t_user表，用来存放用户名，密码等个人信息，
一个t_touxiang表，用来存放上传的图片在服务器中的存放路径，以及图片名字和用户ID，
T_touxiang表中的用户ID对应了t_user中的id。
t_user表SQL：
DROP TABLE IF EXISTS `t_user`;
CREATE TABLE `t_user` (
`id` int(10) NOT NULL AUTO_INCREMENT,
`username` varchar(20) NOT NULL,
`password` varchar(255) NOT NULL,
PRIMARY KEY (`id`),
UNIQUE KEY `username` (`username`)
) ENGINE=InnoDB AUTO_INCREMENT=22 DEFAULT CHARSET=utf8;
T_touxiang表SQL：
DROP TABLE IF EXISTS `t_touxiang`;
CREATE TABLE `t_touxiang` (
`id` int(10) NOT NULL AUTO_INCREMENT,
`image_path` varchar(255) DEFAULT NULL,
`user_id` int(11) DEFAULT NULL,
`old_name` varchar(255) DEFAULT NULL,
PRIMARY KEY (`id`),
KEY `img_user` (`user_id`),
CONSTRAINT `img_user` FOREIGN KEY (`user_id`) REFERENCES `t_user` (`id`)
) ENGINE=InnoDB AUTO_INCREMENT=6 DEFAULT CHARSET=utf8;
首先，写一个UploadServlet.Java，用来处理图片文件的上传，并将图片路径，图片名称等信息存放到t_touxiang数据表中，代码如下：
@WebServlet("/UploadServlet.do")
public class UploadServlet extends HttpServlet {
private static final long serialVersionUID = 1L;
protected void service(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
// 判断上传表单是否为multipart/form-data类型
HttpSession session = request.getSession();
User user = (User) session.getAttribute("user"); // 在登录时将 User 对象放入了 会话
// 中
if (ServletFileUpload.isMultipartContent(request)) {
try {
// 1. 创建DiskFileItemFactory对象，设置缓冲区大小和临时文件目录
DiskFileItemFactory factory = new DiskFileItemFactory();
// System.out.println(System.getProperty("java.io.tmpdir"));//默认临时文件夹
// 2. 创建ServletFileUpload对象，并设置上传文件的大小限制。
ServletFileUpload sfu = new ServletFileUpload(factory);
sfu.setSizeMax(10 * 1024 * 1024);// 以byte为单位 不能超过10M 1024byte =
// 1kb 1024kb=1M 1024M = 1G
sfu.setHeaderEncoding("utf-8");
// 3.
// 调用ServletFileUpload.parseRequest方法解析request对象，得到一个保存了所有上传内容的List对象。
@SuppressWarnings("unchecked")
List fileItemList = sfu.parseRequest(request);
Iterator fileItems = fileItemList.iterator();
// 4. 遍历list，每迭代一个FileItem对象，调用其isFormField方法判断是否是上传文件
while (fileItems.hasNext()) {
FileItem fileItem = fileItems.next();
// 普通表单元素
if (fileItem.isFormField()) {
String name = fileItem.getFieldName();// name属性值
String value = fileItem.getString("utf-8");// name对应的value值
System.out.println(name + " = " + value);
}
// 的上传文件的元素
else {
String fileName = fileItem.getName();// 文件名称
System.out.println("原文件名：" + fileName);// Koala.jpg
String suffix = fileName.substring(fileName.lastIndexOf('.'));
System.out.println("扩展名：" + suffix);// .jpg
// 新文件名(唯一)
String newFileName = new Date().getTime() + suffix;
System.out.println("新文件名：" + newFileName);// image\1478509873038.jpg
// 5. 调用FileItem的write()方法，写入文件
File file = new File("D:/lindaProjects/mySpace/wendao/WebContent/touxiang/" + newFileName);
System.out.println(file.getAbsolutePath());
fileItem.write(file);
// 6. 调用FileItem的delete()方法，删除临时文件
fileItem.delete();
/*
* 存储到数据库时注意 1.保存源文件名称 Koala.jpg 2.保存相对路径
* image/1478509873038.jpg
*
*/
if (user != null) {
int myid = user.getId();
String SQL = "INSERT INTO t_touxiang(image_path,user_id,old_name)VALUES(?,?,?)";
int rows = JdbcHelper.insert(SQL, false, "touxiang/" + newFileName, myid, fileName);
if (rows > 0) {
session.setAttribute("image_name", fileName);
session.setAttribute("image_path", "touxiang/" + newFileName);
response.sendRedirect(request.getContextPath() + "/upImage.html");
} else {
}
} else {
session.setAttribute("loginFail", "请登录");
response.sendRedirect(request.getContextPath() + "/login.html");
}
}
}
} catch (FileUploadException e) {
e.printStackTrace();
} catch (Exception e) {
e.printStackTrace();
}
}
}
}
在完成图片上传并写入数据库的同时，将图片路径通过session的方式发送到HTML界面
更换头像
本地目录：
      
至此，图片上传数据库和本地服务器已经实现，那么如何在HTML界面显示出个人信息以及上传的头像呢？
首先定义一个PersonServlet类，用来读取数据库的内容，并发送到HTML界面。
代码如下：
@WebServlet("/persons.do")
public class PersonServlet extends HttpServlet {
private static final long serialVersionUID = -800352785988546254L;
protected void service(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
// 判断上传表单是否为multipart/form-data类型
Touxiang tx=null;
HttpSession session = request.getSession();
User user = (User) session.getAttribute("user"); // 在登录时将 User 对象放入了 会话
if(user!=null){
int myid=user.getId();
String SQL="SELECT id,image_path,old_name FROM t_touxiang WHERE user_id=?";
ResultSet rs=JdbcHelper.query(SQL,myid);
String uSQL="SELECT username,password FROM t_user WHERE id=?";
ResultSet urs=JdbcHelper.query(uSQL,myid);
System.out.println( "我的个人id是: " + myid);
final List touxiang=new ArrayList<>();
try {
if(rs.next())
{
tx=new Touxiang();
tx.setId(rs.getInt(1));
tx.setImage_path(rs.getString(2));
tx.setOld_name(rs.getString(3));
touxiang.add(tx);
}
if(urs.next()){
user.setUsername(urs.getString(1));
user.setPassword(urs.getString(2));
user.setTouxiang(touxiang);
}
} catch (SQLException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
session.setAttribute("user", user);
System.out.println( "我的id: " + myid);
response.sendRedirect( request.getContextPath() + "/person.html");
}
}
}
在HTML界面接收信息，并显示出来，代码如下：
更换头像
#foreach( $ut in $user.getTouxiang() )
       
#end
我的头像：
我的姓名：$user.getUsername()
我的解答
我的提问
至此，一个基于Java的头像上传服务器，路径存储在MySQL，并在HTML界面读取出来的功能就基本实现了。头像上传之前进行处理等操作，可以选择一些插件来完成。这里只是简单的实现了基本功能。
以上所述是小编给大家介绍的Java实现图片上传到服务器并把上传的图片读取出来，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对聚米学院网站的支持！

遇到一个需求，就是需要把图片传给后台数据库，然后前端再读取数据库图片，有人说base64，请问一下base64是怎么上传的？前端把图片转为base64数据，传给后台，然后后台保存base64，之后前端读取的时候再解析base64？是这样理解的吗？还有其他方法吗？
前端用的是react，后台是java
回答
可以使用 FormData ，其属于 XHR Level 2 中内容。文件可以使用 input:file 来进行上传，并获取 fileInputElement.files[0] 作为value。
具体使用可参照以上链接。
前端把图片转为base64数据，传给后台，然后后台保存base64，之后前端读取的时候再解析base64
是的，可以这样子。转为base64数据后就是一段字符串，POST上传就好了
但是一般不会采用这种方案，因为
1.Base64要求把每三个8Bit的字节转换为四个6Bit的字节(38 = 46 = 24)，然后把6Bit再添两位高位0，组成四个8Bit的字节，也就是说，转换后的数据理论上将要比原来的大1/3，消耗流量，浪费空间。
2.你转化为Base64之后怎么存储呢？存储在数据库吗？那又要多支付访问数据库的开销。存储为图片文件吗？那又要转换回来，也是增加了解析转换的开销。
3.浏览器的兼容问题，IE 8 以下不支持 data url，IE 8 开始支持 data url，却有大小限制。
所以，一般就是把图片当文件上传(multipart/form-data)，然后存储于后台的静态目录，GET访问就好了
表单形式上传最简单了，谷歌一下有很多例子，在此就不多说了。
说一下用js上传吧，参考代码：
// -------- 将以base64的图片url数据转换为Blob --------
function convertBase64UrlToBlob(urlData, filetype){
//去掉url的头，并转换为byte
var bytes = window.atob(urlData.split(',')[1]);
//处理异常,将ascii码小于0的转换为大于0
var ab = new ArrayBuffer(bytes.length);
var ia = new Uint8Array(ab);
var i;
for (i = 0; i < bytes.length; i++) {
ia[i] = bytes.charCodeAt(i);
}
return new Blob([ab], {type : filetype});
}
$input.on('change', function (e) {
var input = $input.get(0);
var files = input.files || [];
if (files.length === 0) {
return;
}
console.log('选中 ' + files.length + ' 个文件');
// 遍历选中的文件，预览、上传
$.each(files, function (key, file) {
var filename = file.name || '';
var fileType = file.type || '';
var reader = new FileReader();
// onload事件
reader.onload = function (e) {
var base64 = e.target.result || this.result;
var formData = new FormData();
formData.append("upload_file", convertBase64UrlToBlob(base64, fileType), filename);
var xhr = new XMLHttpRequest();
// 开始上传
xhr.open('POST', uploadImgUrl, true);
// 发送数据
xhr.send(formData);
});
reader.readAsDataURL(file);
});
});
大致这样，仅供参考，还有很多事件处理没写，请自行补充。
其实就是楼上两位的说法。算是基于H5吧。我用过formData和swfupload。
可以试试这个插件，http://fex.baidu.com/webuploa…，功能挺齐全的，开发了高德的相关功能，亲测很好用，有问题的可以问我
当文件上传就行了，也不用什么react框架，采用原生的html表单上传就行了。
如果觉得原生表单样式很丑的话，可以用事件来实现文件上传
后台不建议用数据库存储，如果能上阿里oss这样的云存储服务最好，不行的话服务器单划一块儿空间存储也行，不过可能得留意别撑掉整个服务器。(有个h5项目被坑过，用户上传很快飙出去好几个G，服务器差点挂了……)
图片建议在前端压缩下，用户上传的通常在500k~10M这么个范围，稍微处理下保持在800k左右就差不多了(去掉的通常是些色彩配置信息啊EXIF或者是GPS信息这些东西，还有就是合理的压缩下格式，比如JPEG质量85)，然后就可以打包传到后端的存储服务上了，比如阿里OSS。
我之前写过一篇关于移动端H5上传图片的文章，里面基本上囊括了移动端这块图片上传的所有坑，大家可以看看