WebUploader获取文件上传成功路径问题
2017-12-13 23:45
615 查看
webuploader调用方法上传成功了,本地文件夹中也能看到图片了,但是我不知道该怎么获取路径,因为我想将路径保存进数据库中
代码如下,根据官方文档上传成功回调
uploader.on('uploadSuccess',function(file,response){
var imgurl = response.url; //上传图片的路径
alert(imgurl);
});
浏览器alert出来的是undefined
求解答
-----------------------------------------------------------------------------------------------------------
lixiaonan77704月01日
这个问题我两天我刚好遇到。经过研究发现是这样的:我们习惯于后台给前台传参数,但是面对成型的webuploader,特别是从代码商店弄下来的那些人家写好的JS组件库,就得反过来思考问题,就是从前台给定的参数,写后台参数。比如:我遇到的是这样的:
uploader.on('uploadAccept', function (file, response) {
if (response.valid!==undefined) {
if (response.valid) {
console.log(response);
images.push(response.message);
return true;
} else {
//上传失败
alert('上传失败, ' + response.message);
uploader.removeFile(file.file);
return false;
}
}else{
require(['util'],function(){
util.message(response._raw,'','info',5);
})
}
});
发现response给定的参数有valid,message。 那后台php上传完后可以这样写:
$return['message']=$url; //这个个地址是图片的savepath和savename组成,你懂得
$return['valid']=1;
$this->ajaxReturn($return);
返回这些后, 前台JS就从这里走了:if (response.valid) {
console.log(response);
images.push(response.message);
return true;
这样前台上传页面就能接收到了。
-----------------------------------------------------------------------------------------------------------
huangbing03月29日
这个问题已经被解决了,参考我这篇文章:http://pdf-lib.org/Home/Details/471
代码如下,根据官方文档上传成功回调
uploader.on('uploadSuccess',function(file,response){
var imgurl = response.url; //上传图片的路径
alert(imgurl);
});
浏览器alert出来的是undefined
求解答
-----------------------------------------------------------------------------------------------------------
lixiaonan77704月01日
这个问题我两天我刚好遇到。经过研究发现是这样的:我们习惯于后台给前台传参数,但是面对成型的webuploader,特别是从代码商店弄下来的那些人家写好的JS组件库,就得反过来思考问题,就是从前台给定的参数,写后台参数。比如:我遇到的是这样的:
uploader.on('uploadAccept', function (file, response) {
if (response.valid!==undefined) {
if (response.valid) {
console.log(response);
images.push(response.message);
return true;
} else {
//上传失败
alert('上传失败, ' + response.message);
uploader.removeFile(file.file);
return false;
}
}else{
require(['util'],function(){
util.message(response._raw,'','info',5);
})
}
});
发现response给定的参数有valid,message。 那后台php上传完后可以这样写:
$return['message']=$url; //这个个地址是图片的savepath和savename组成,你懂得
$return['valid']=1;
$this->ajaxReturn($return);
返回这些后, 前台JS就从这里走了:if (response.valid) {
console.log(response);
images.push(response.message);
return true;
这样前台上传页面就能接收到了。
-----------------------------------------------------------------------------------------------------------
huangbing03月29日
这个问题已经被解决了,参考我这篇文章:http://pdf-lib.org/Home/Details/471
相关文章推荐
- webuploader上传文件后的回调处理,jquery插件webuploader上传成功后怎么获取文件数据-百度webuploader教程9
- 用JS获取上传文件的真实路径 fakepath的问题
- JS、JSP不能正确获取上传文件路径问题
- 关于web项目中的图片上传、并在前端显示问题(tomcat中配置文件上传虚拟路径)
- 关于用Webpack路径压缩图片上传尺寸获取的问题
- 浅谈用Webpack路径压缩图片上传尺寸获取的问题
- 解决webuploader 点击上传文件时,每调用上传函数后,上传文件框就会变大的问题
- Selenium自动化,上传文件获取本地路径的问题
- WebUploader 上传插件选择上传文件按钮无效问题
- IE8上传文件时获取文件本地路径问题(C:\fakepath\……)的解决办法
- js获取文件上传路径(解决出现fakepath的问题)
- springmvc中使用webuploader上传多张图片;maven中读取配置文件中的属性(路径)
- webuploader获取当前待上传文件的个数
- java web获取上传的文件在服务器端的路径
- java web-上传文件到tomcat服务器上路径问题
- WEB开发文件上传存储,虚拟路径配置问题。
- WebUploader上传大文件时,上传出错问题
- 使用webUploader上传文件时前台添加自定义参数(java后台获取)
- 关于js获取上传文件的完整路径问题?
- jsp 简化获取相对路径,Uploader文件上传