小程序的图片上传wx.uploadFile及后台PHP接收文件并存储到服务器
2018-01-30 14:03
1101 查看
前台代码wxml:
page({
data:{
img_l:''
},
chooseImg:function(){
var _this = this;
wx.chooseImage({
count: 2, // 默认9
sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图,默认二者都有
sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机,默认二者都有
success: function (res) {
// 返回选定照片的本地文件路径列表,tempFilePath可以作为img标签的src属性显示图片
var tempFilePaths = res.tempFilePaths;
console.log(res)
_this.setData({
img_l:res.tempFilePaths
})
console.log(res)
}
})
},
up_img:function() {
var _this = this;
wx.uploadFile({
url: 'http://127.0.0.1/m_pro/upload.php', //接口
filePath: _this.data.img_l[0],
name: 'file',
formData: {
'user': 'test'
},
success: function (res) {
var data = res.data;
console.log(data);
//do something
},
fail: function (error) {
console.log(error);
}
})
},
preview_img:function(){
wx.previewImage({
current: this.data.img_l, // 当前显示图片的http链接
urls: this.data.img_l // 需要预览的图片http链接列表
})
}
})
后台php:
<button bindtap='chooseImg'>选择图片</button>//图片选择 <view><image src='{{img_l}}' bindtap='preview_img'></image></view>//图片预览 <button bindtap='up_img'>上传</button>//上传
page({
data:{
img_l:''
},
chooseImg:function(){
var _this = this;
wx.chooseImage({
count: 2, // 默认9
sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图,默认二者都有
sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机,默认二者都有
success: function (res) {
// 返回选定照片的本地文件路径列表,tempFilePath可以作为img标签的src属性显示图片
var tempFilePaths = res.tempFilePaths;
console.log(res)
_this.setData({
img_l:res.tempFilePaths
})
console.log(res)
}
})
},
up_img:function() {
var _this = this;
wx.uploadFile({
url: 'http://127.0.0.1/m_pro/upload.php', //接口
filePath: _this.data.img_l[0],
name: 'file',
formData: {
'user': 'test'
},
success: function (res) {
var data = res.data;
console.log(data);
//do something
},
fail: function (error) {
console.log(error);
}
})
},
preview_img:function(){
wx.previewImage({
current: this.data.img_l, // 当前显示图片的http链接
urls: this.data.img_l // 需要预览的图片http链接列表
})
}
})
后台php:
<?php date_default_timezone_set("Asia/Shanghai"); //设置时区 $code = $_FILES['file'];//获取小程序传来的图片 if(is_uploaded_file($_FILES['file']['tmp_name'])) { //把文件转存到你希望的目录(不要使用copy函数) $uploaded_file=$_FILES['file']['tmp_name']; $username = "min_img"; //我们给每个用户动态的创建一个文件夹 $user_path=$_SERVER['DOCUMENT_ROOT']."/m_pro/".$username; //判断该用户文件夹是否已经有这个文件夹 if(!file_exists($user_path)) { mkdir($user_path); } //$move_to_file=$user_path."/".$_FILES['file']['name']; $file_true_name=$_FILES['file']['name']; $move_to_file=$user_path."/".time().rand(1,1000)."-".date("Y-m-d").substr($file_true_name,strrpos($file_true_name,"."));//strrops($file_true,".")查找“.”在字符串中最后一次出现的位置 //echo "$uploaded_file $move_to_file"; if(move_uploaded_file($uploaded_file,iconv("utf-8","gb2312",$move_to_file))) { echo $_FILES['file']['name']."--上传成功".date("Y-m-d H:i:sa"); } else { echo "上传失败".date("Y-m-d H:i:sa"); } } else { echo "上传失败".date("Y-m-d H:i:sa"); } ?>
相关文章推荐
- PHP--解决微信小程序上传图片(wx.uploadFile)接口代码
- php处理微信小程序wx.uploadFile(OBJECT)发送过来的文件
- 小程序之上传图片——wx.uploadFile()
- 微信小程序上传图片wx.chooseImage和wx.uploadFile
- 通过ajaxFileUpload控件上传图片,java后台接收并保存本地
- 浏览器图片\文件上传到服务器 ajaxfileupload.js使用实例
- php使用AjaxFileUpload上传图片文件实例
- 微信小程序文件上传java服务器端wx:uploadFile()
- sql server 关于表中只增标识问题 C# 实现自动化打开和关闭可执行文件(或 关闭停止与系统交互的可执行文件) ajaxfileupload插件上传图片功能,用MVC和aspx做后台各写了一个案例 将小写阿拉伯数字转换成大写的汉字, C# WinForm 中英文实现, 国际化实现的简单方法 ASP.NET Core 2 学习笔记(六)ASP.NET Core 2 学习笔记(三)
- 微信小程序wx.upload上传图片后台java
- AjaxFileUpLoad 文件异步上传Demo(模仿官方网站,后台使用.net一般处理程序)
- HttpUploadFile模拟前台POST上传图片和后台获取上传图片并上传至服务器
- 文件上传ajaxFileUpload.js使用方法 包含后台接收方法
- [置顶] Android上传文件到Web服务器,PHP接收文件(一)
- AjaxFileUpload文件上传组件(php+jQuery+ajax)
- Android上传文件到Web服务器,PHP接收文件(二)
- 解决网页异步上传图片时不断更换预览图片时数据库累积文件问题与ajaxUploadFile上传多个参数问题
- 使用ajaxfileupload.js实现ajax上传文件php版
- android上传文件php服务器接收代码
- Android上传文件到Web服务器,PHP接收文件(一)