JS 将https://0746hm.cn/OA/KHWX/图片附件/18107461111-007图片1.jpg,https://0746hm.cn/OA/KHWX/图片附件/18107461111-007图片2.jpg转换为数组
时间: 2024-11-05 08:30:46 浏览: 11
在JavaScript中,你可以使用`URL`对象和`Array.from()`方法将图片链接转换成数组。假设这两个链接都指向图像资源,可以这样做:
```javascript
const urls = ['https://0746hm.cn/OA/KHWX/图片附件/18107461111-007图片1.jpg', 'https://0746hm.cn/OA/KHWX/图片附件/18107461111-007图片2.jpg'];
// 使用 Array.from 和 URL.createObjectURL() 创建数组
let imageArray = Array.from(urls, (url) => {
return { url: new URL(url) };
});
console.log(imageArray);
```
这将创建一个包含对象的数组,每个对象都有一个`url`属性,它引用了原始的图片链接。注意,由于浏览器的安全策略,`URL.createObjectURL()`返回的是临时的、只能在当前页面使用的URL,如果需要持久化,你可能需要存储这些URL,并处理跨域请求的问题。
相关问题
JS 将https://0746hm.cn/OA/KHWX/图片附件/18107461111-007图片1.jpg,https://0746hm.cn/OA/KHWX/图片附件/18107461111-007图片2.jpg转换为数据
JavaScript本身并不能直接将图片文件转换为纯数据,因为它是客户端脚本语言,不具备读取文件系统的权限。但是你可以通过发送HTTP请求到服务器,让服务器处理这个操作。服务器端可以使用各种编程语言(如Python、Node.js等),通过文件系统操作或者图像处理库(如Python的PIL或Node.js的sharp等),将图片转换成Base64编码的数据或者其他的二进制数据。
例如,在Node.js中,可以使用`fs`模块配合`mime-types`库来实现:
```javascript
const http = require('http');
const fs = require('fs');
const url = 'https://0746hm.cn/OA/KHWX/图片附件/18107461111-007图片1.jpg';
const request = http.get(url, (res) => {
let data = '';
res.on('data', (chunk) => {
data += chunk;
});
res.on('end', () => {
// 图片数据存储在data变量中
const buffer = Buffer.from(data);
const base64Data = buffer.toString('base64'); // 转换为Base64
console.log(base64Data);
});
});
```
然后在前端,你可以通过fetch或axios获取服务器返回的Base64字符串,并显示在HTML中。注意这涉及到网络请求和跨域问题,如果服务器不允许跨域访问,可能需要设置允许特定源或使用代理服务器。
JS 将{https://0746hm.cn/OA/KHWX/图片附件/18107461111-007图片1.jpg,https://0746hm.cn/OA/KHWX/图片附件/18107461111-007}图片2.jpg转换为数组
JavaScript 中将类似链接的字符串转换为包含实际图片URL的数组,通常需要使用正则表达式提取或者先解析字符串,然后手动添加到数组中。下面是一个简单的例子:
```javascript
let urls = [
'https://0746hm.cn/OA/KHWX/图片附件/18107461111-007图片1.jpg',
'https://0746hm.cn/OA/KHWX/图片附件/18107461111-007图片2.jpg'
].map(url => url); // 如果链接直接提供为数组,可以省略map
// 或者如果链接字符串包含多个,我们可以使用split方法:
let stringWithUrls = "{https://0746hm.cn/OA/KHWX/图片附件/18107461111-007图片1.jpg,https://0746hm.cn/OA/KHWX/图片附件/18107461111-007图片2.jpg}";
let urlsArray = stringWithUrls.slice(1, -1).split(','); // 去除首尾的大括号,并分割
console.log(urlsArray);
```
这里假设`stringWithUrls`是你提供的字符串形式,我们首先通过`slice`和`split`操作将其转换成数组。注意,在实际应用中,如果你不确定链接的格式,可能需要更复杂的解析逻辑。
阅读全文