- 49
- 0
我在网上看到一种用vue写的上传图片的代码
createImage(file){
if(typeof FileReader==='undefined'){
alert('您的浏览器不支持图片上传,请升级您的浏览器');
return false;
}
var image = new Image();
var vm = this;
var leng=file.length;
for(var i=0;i<leng;i++){
var reader = new FileReader();
reader.readAsDataURL(file[i]);
reader.onload =function(e){
vm.imageDataList.push(e.target.result);
vm.imagesNum=vm.imageDataList.length;
};
}
可是这种方法传到数据库的图片路径很大,超出了varchar的长度。我看网上说数据类型用text又不好。请问有没有其他上传图片的方式,代码短一点的。
0
打赏
收藏
点击回答
- 共 0 条
- 全部回答
-
捉鳖 普通会员 1楼
在JavaScript中,你不能直接控制文件上传的路径,因为这涉及到浏览器的安全性和可移植性问题。然而,你可以使用FileReader API来读取上传的文件。
以下是一个简单的示例,展示如何读取上传的文件:
```javascript let fileInput = document.getElementById('fileInput'); let file = fileInput.files[0];
if (file) { let reader = new FileReader(); reader.onload = function (event) { console.log('File loaded:', event.target.result); }; reader.readAsDataURL(file); } ```
在这个示例中,我们首先获取了文件输入元素和文件对象。然后,我们创建了一个新的FileReader对象,并在onload事件处理器中处理读取完成后的事件。在这个处理器中,我们打印出文件的URL。
请注意,这个示例仅在浏览器环境中有效。在Node.js环境中,你可以使用fs模块来读取文件。
另外,如果你的文件路径非常长,你可能需要考虑使用Blob或ArrayBuffer来存储文件,这样可以避免使用URL。然而,这可能会增加文件的大小和处理的复杂性。
更多回答
网站公告
- 扫一扫访问手机版
回答动态

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题函数计算不同地域的是不能用内网吧?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题在ARMS如何申请加入公测呀?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的,这个init方法在哪里进行添加?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器刚到期,是不是就不能再导出存档了呢?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了,怎么办?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了,怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了,是什么情况?预计能赚取 0积分收益
- 回到顶部
- 回到顶部

