关于将网络上的图片下载保存到本地的效率对比

Android里面将图片保存到本地,到网络上搜索了一下,方法都差不多,大同小异,把输入流转换成输出流的过程而已。最近工作闲,特把其中的两个方法对比一下,看他们的效率如何(找javaSE里面测试的):

[b]第一种方法:[/b]
public static void main(String[] args) {

String url = "http://pic.yesky.com/imagelist/09/01/11277904_7147.jpg";

Long time1 = System.currentTimeMillis();
Long time2 = 0L;

try {
FileOutputStream fos = new FileOutputStream( "c:\\tmp.jpg ");
InputStream is = new URL(url).openStream();

time2 = System.currentTimeMillis();

int data = is.read();
while(data!=-1){
fos.write(data);
data=is.read();
}
is.close();
fos.close();

} catch (IOException e) {

e.printStackTrace();
}


Long time3 = System.currentTimeMillis();
System.out.println("网络读取流的时间:" + (time2 - time1) + " 把输入流保存成文件的时间:"+ (time3 - time2));

}


[b]第二种方法:中间用buffer做缓存[/b]
public static void main(String[] args){

String url = "http://pic.yesky.com/imagelist/09/01/11277904_7147.jpg";

Long time1 = System.currentTimeMillis();
Long time2 = 0L;

try {
int bytesum=0;
int byteread=0;
FileOutputStream fos = new FileOutputStream( "c:\\tmp2.jpg ");
InputStream is = new URL(url).openStream();

time2 = System.currentTimeMillis();

byte[] buffer =new byte[4096];
while ((byteread=is.read(buffer))!=-1)
{
bytesum+=byteread;
// System.out.println(bytesum);
fos.write(buffer,0,byteread);
}
is.close();
fos.close();
} catch (IOException e) {
e.printStackTrace();
}

Long time3 = System.currentTimeMillis();
System.out.println("网络读取流的时间:" + (time2 - time1) + " 把输入流保存成文件的时间:"+ (time3 - time2));

}


每个方法测试了三次,结果如下:
第一种方法:
网络读取流的时间:453 把输入流保存成文件的时间:766
网络读取流的时间:344 把输入流保存成文件的时间:344
网络读取流的时间:297 把输入流保存成文件的时间:281

第二种方法:
网络读取流的时间:312 把输入流保存成文件的时间:282
网络读取流的时间:3484 把输入流保存成文件的时间:906
网络读取流的时间:828 把输入流保存成文件的时间:1250

第一种方法,发现效率高过第二种方法,而且第一种方法写法简洁的多。[b][color=red]建议用第一种方法[/color][/b]。
其实在android里面,不建议直接把网络图片原样写人sd里面,毕竟手机的sd空间是有限的。最常用的方法是把网络图片压缩成jpg格式保存:
byte[] data = readInputStream(new URL(url).openStream());
Bitmap bitmap = BitmapFactory.decodeByteArray(data, 0,
data.length);

bitmap.compress(CompressFormat.JPEG, 100, new FileOutputStream(
file));


readInputStream()方法的代码:(把输入流转换成比特流)
public static byte[] readInputStream(InputStream inStream) throws Exception{  
ByteArrayOutputStream outSteam = new ByteArrayOutputStream();
byte[] buffer = new byte[4096];
int len = 0;
while( (len = inStream.read(buffer)) != -1 ){
outSteam.write(buffer, 0, len);
}
outSteam.close();
inStream.close();
return outSteam.toByteArray();
}
### 回答1: Vue 是一款非常流行的前端框架,其具有的优秀特性使得它成为前端开发者们的首选。对于 Vue 批量下载图片到本地这个问题,可以使用以下步骤进行实现: 1. 首先,需要在 Vue 组件中准备好一个列表,列表中存放着要下载图片的链接地址。 2. 确认图片是否需要在服务端下载。如果是需要在服务端下载,那么需要在 Vue 组件中调用服务端 API 异步获取图片链接,并将图片链接存放在之前准备好的图片链接列表中。 3. 如果图片链接已经准备好,那么就可以开始下载图片。可以使用 HTML5 的下载功能或者使用 axios 库进行下载,将每张图片下载到本地。 4. 在下载图片时,需要考虑的一些问题:如果下载量很大,那么需要分批次下载,防止下载过多过于占用网络资源;此外,需要设置下载进度条,让用户可以看到下载的进度和状态。 总之,Vue 批量下载图片到本地是一个相对比较简单的任务,关键是要掌握好下载过程的流程,处理好各种异常情况,以保证下载任务的顺利完成。同时,在实现该功能时,需要注意并合理利用 Vue 库内部提供的相关函数和方法,以提高开发效率和代码的精简程度。 ### 回答2: 在Vue中实现批量下载图片到本地可以通过创建一个按钮来触发下载功能。以下是具体的实现步骤: 1. 在Vue组件中,先引入所需的图片: ``` <template> <div> <img v-for="(image, index) in images" :key="index" :src="image.url"> <button @click="downloadImages">下载图片</button> </div> </template> <script> export default { data() { return { images: [ { url: '图片1的地址' }, { url: '图片2的地址' }, { url: '图片3的地址' }, // 在此处继续添加图片的地址... ] } }, methods: { downloadImages() { this.images.forEach((image) => { this.downloadImage(image.url); }); }, downloadImage(url) { const link = document.createElement('a'); link.href = url; link.download = '图片文件名.jpg'; // 可根据自己的需求来命名文件名 link.target = '_blank'; link.style.display = 'none'; document.body.appendChild(link); link.click(); document.body.removeChild(link); } } } </script> ``` 2. 在上述代码中,创建了一个按钮,并绑定了一个`downloadImages`方法来触发下载操作。这个方法遍历所有的图片,并将每个图片的地址传给另一个`downloadImage`方法。 3. 在`downloadImage`方法中,通过使用`document.createElement('a')`来创建一个`<a>`元素,并设置其`href`属性为要下载图片地址,`download`属性为要保存的文件名,`target`属性为`_blank`表示在新标签页中打开,`style.display = 'none'`来隐藏这个`<a>`元素。 4. 然后将这个`<a>`元素添加到`document.body`中,模拟点击这个隐藏的链接,实现下载文件的效果。最后将这个`<a>`元素从`document.bod`y中移除。 5. 至此,当点击按钮时,所有图片都会被下载到本地。记得根据自己的需求来替换代码中的图片地址和文件名。 ### 回答3: 在Vue中批量下载图片到本地可以使用以下步骤: 1. 首先,确保你的Vue项目已经安装了axios库,可以使用`npm install axios`命令来进行安装。 2. 在Vue组件中创建一个方法来处理下载图片的逻辑。例如,可以在methods中创建一个名为`downloadImages`的方法。 3. 在`downloadImages`方法中,使用axios的get方法来获取图片的二进制数据。可以使用一个包含图片URL的数组来遍历下载所有的图片。 4. 使用Blob对象将获取到的二进制数据转换成一个可下载的文件。如果需要给下载图片重命名,可以为生成的Blob对象创建一个新的File对象。 5. 创建一个a标签并设置其href属性为生成的Blob对象的URL,同时设置download属性为下载文件的名称。然后将a标签添加到DOM树中。 6. 使用JavaScript的click方法模拟点击a标签来触发下载。 下面是一个示例的代码片段: ``` <template> <div> <button @click="downloadImages">下载图片</button> </div> </template> <script> import axios from 'axios'; export default { methods: { downloadImages() { const imageUrls = [ 'https://example.com/image1.jpg', 'https://example.com/image2.jpg', 'https://example.com/image3.jpg' ]; imageUrls.forEach((url, index) => { axios.get(url, { responseType: 'blob' }) .then(response => { const blob = new Blob([response.data]); const file = new File([blob], `image${index + 1}.jpg`); const url = window.URL.createObjectURL(file); const link = document.createElement('a'); link.href = url; link.download = file.name; document.body.appendChild(link); link.click(); window.URL.revokeObjectURL(url); }) .catch(error => { console.error('下载失败:', error); }); }); } } } </script> ``` 这样,当用户点击下载图片按钮时,Vue组件会依次下载所有的图片到本地
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值