用PHP接收element上传的图片,element upload上传图片后台收不到图片信息

╰半橙微兮° 2023-01-19 04:48 176阅读 0赞

class="upload-demo"

ref="upload"

drag

:action="form.uploadUrl"

:data="form.upLoadData"

:onError="uploadError"

:onSuccess="uploadSuccess"

:before-upload="beforeImgUpload"

multiple>

将文件拖到此处，或 *选择文件*

请上传jpg/png文件，且不超过500kb

return \{

form: \{

ac\_name: '',

ac\_id:'',

ac\_start\_time: '',

ac\_end\_time:'',

uploadUrl:'http://www.youxia.com/yxcard/admin.php?s=/Activity/upload\_img',

upLoadData:\{

img\_base64:"",

type:1

\},

fileList:\[\],

ac\_content: ''

\},

dataUrl:''

\}

// 文件上传前

beforeImgUpload (file) \{

const self = this; //这个很重要！

var reader = new FileReader();

reader.readAsDataURL(file);

reader.onloadend = function() \{

self.form.upLoadData.img\_base64 = this.result;

console.log(self.form.upLoadData.img\_base64);

\};

\},

// 上传成功后的回调

uploadSuccess (response, file, fileList) \{

console.log('上传文件', response)

this.$alert(response.retData.msg);

console.log(this.form.upLoadData.img\_base64);

\},

![bV0YKK?w=299&h=159][bV0YKK_w_299_h_159]

我的beforeImgUpload 已经给upLoadData.img\_base6赋值了 ，为什么后台接口收不到数据？type=1能收到，回调成功的upLoadData.img\_base64也能打出来，但是后台显示的upLoadData.img\_base64就是空的。

[bV0YKK_w_299_h_159]: https://segmentfault.com/img/bV0YKK?w=299&h=159

发表评论取消回复

表情：

评论列表（有 0 条评论，176人围观）

还没有评论，来说两句吧...

相关阅读

相关 vue element 图片上传做图片比例验证

在element上传前的钩子里： beforeAvatarUpload1(file) { var file =file con

女爷i/ 2023年06月12日 08:43/ 0 赞/ 12 阅读

相关 Vue结合Element-ui上传图片(upload)时连带上传其它数据(图片和数据一起上传)

[精选30+云产品，助力企业轻松上云！>>> ![hot3.png][]][30_ _hot3.png] 如果有一定文档阅读能力可以看官网文档 [https://ele

分手后的思念是犯贱/ 2023年02月24日 11:21/ 0 赞/ 25 阅读

相关用PHP接收element上传的图片,element upload上传图片后台收不到图片信息

class="upload-demo" ref="upload" drag :action="form.uploadUrl" :data="form.upLoadDat

╰半橙微兮°/ 2023年01月19日 04:48/ 0 赞/ 177 阅读

相关【组件】element图片上传组件

> `前言` 封装的图片上传组件 <template> <div class="public-upload-image"> <el-up

Myth丶恋晨/ 2022年12月19日 03:38/ 0 赞/ 31 阅读

相关 element上传图片如何获取图片的宽高

html如下： <el-upload action="https://jsonplaceholder.typicode.com/posts/" :before-upl

骑猪看日落/ 2022年12月17日 11:59/ 0 赞/ 996 阅读

相关 vue-element-admin上传图片的功能,限制图片大小-:before-upload=“handleImagesUrlBefore“

写在前面的而一些啰嗦的话: vue-element-admin 是一个后台前端解决方案，它基于 vue 和 element-ui实现。 Star指数：69.7k G

悠悠/ 2022年09月05日 04:09/ 0 赞/ 178 阅读

相关 vue-element-admin上传图片的功能,限制图片大小-:before-upload="handleImagesUrlBefore"

写在前面的而一些啰嗦的话: vue-element-admin 是一个后台前端解决方案，它基于 vue 和 element-ui实现。 Star指数：69.7k G

叁歲伎倆/ 2022年09月02日 11:59/ 0 赞/ 185 阅读

相关 element upload限制上传图片尺寸、大小、比例

// 上传前判断 public async beforeUpload(file: any) { const is1M = fil

桃扇骨/ 2021年11月15日 13:38/ 0 赞/ 775 阅读

相关 element--upload上传配合 java后台

后台使用java，代码如下： @ResponseBody @RequestMapping(params = "method=uploadFile")

野性酷女/ 2021年08月13日 13:01/ 0 赞/ 464 阅读

相关 element ui 上传图片 el-upload的使用

el-upload图片上传的使用知识点： 1.http-request：图片上传的处理函数 2.on-remove:图片移除时的处理函数 3.根据文件获取文件

骑猪看日落/ 2021年07月25日 13:24/ 0 赞/ 570 阅读