基于ASP.NET+easyUI框架实现图片上传功能(判断格式

网络编程 2025-04-05 06:55www.168986.cn编程入门

原文:

自然之美:从山川到湖海

在我们的生活中,自然的美景无处不在。无论是连绵起伏的山脉,还是碧波荡漾的湖泊,亦或是浩渺无垠的海洋,它们都是大自然的杰作,令人叹为观止。

山脉的壮丽与辽阔,给人一种威严而又神秘的感觉。站在山顶,俯瞰四周,一片云海,仿佛置身于仙境之中。而在山谷之中,溪流潺潺,绿树成荫,生机勃勃。这样的景象,让人感受到大自然的生机与活力。

湖泊的宁静与深邃,给人一种宁静而又深邃的感觉。湖面如镜,倒映着周围的景色,美不胜收。而湖水的清澈,更是让人惊叹。在湖中游泳、划船,或是坐在湖边垂钓,都能让人感受到大自然的和谐与美好。

海洋的广阔与深邃,更是令人心驰神往。在海洋之中,有着无数神秘的生物和奇妙的景象。海底的珊瑚、海面上的鲸鱼、美丽的贝壳、神秘的极光,这些都是海洋的魅力所在。而当我们置身于海滩之上,看着海浪拍打着海岸线,听着海浪的声音,更是能感受到大自然的磅礴与力量。

自然的美景,是大自然的馈赠。我们应该珍惜这份馈赠,保护我们的环境,让更多的人能够欣赏到自然的美景。让我们一起去自然之美,从山川到湖海,感受大自然的魅力。

自然之瑰丽:从巍峨山川到碧波湖海

生活之中,自然的美丽如诗如画,令人陶醉。无论是雄伟壮观的山脉,还是宁静如镜的湖泊,亦或是浩渺无垠的海洋,它们都是大自然的神奇杰作,令人叹为观止。

山脉的雄伟与辽阔,赋予人一种崇高而神秘之感。站在巅峰之上,四周景色一览无余,仿佛身处仙境之中。云雾缭绕其间,更添一份神秘色彩。而在山谷深处,溪流潺潺流淌,绿树成荫,生机勃勃。这里的一草一木,都让人感受到大自然的生命力与活力。

湖泊的宁静与深邃,给人一种宁静致远的感觉。湖面如镜面般平静,倒映着周围的景色,美不胜收。湖水的清澈透明,更是令人叹为观止。在湖上泛舟轻舞,或是坐在湖边垂钓静心,都能让人感受到大自然的和谐与美好。

海洋的广袤与深邃,更是令人心驰神往。海洋之中蕴藏着无数神秘的生物和奇妙的景象。海底的珊瑚世界、海面跃动的鲸鱼、美丽的贝壳以及神秘的极光,都是海洋的魅力所在。当我们置身于海滩之上,听着海浪拍打着海岸线的声音,感受着海风轻拂面颊的温柔,更能体会到大自然的磅礴与力量。

自然的美丽景色是大自然赐予我们的宝贵礼物。我们应当心怀感激,呵护环境,让更多的人有机会领略自然的美丽。让我们一同踏上自然之美的征程吧!从巍峨的山川到碧波荡漾的湖海,让我们领略大自然的无尽魅力。基于ASP.NET和easyUI框架的图片上传功能指南

在Web开发中,实现图片上传功能是一个常见的需求。本文将介绍如何使用ASP.NET和easyUI框架来实现图片上传,包括如何判断图片格式以及实现即时浏览功能。

一、页面结构

在HTML页面中,我们首先需要一个文件输入框用于选择图片,以及一个用于预览图片的容器。

```html

选择图片:

```

二、JavaScript实现

接下来,我们使用JavaScript来实现图片格式判断和预览功能。

```javascript

//检查图片的格式是否正确,并实现预览

function setImagePreview(obj, localImagId, imgObjPreview) {

var array = ['gif', 'jpeg', 'png', 'jpg', 'bmp']; //可上传的文件类型

if (obj.value == '') {

$.messager.alert("请选择要上传的图片!");

return;

}

var fileContentType = obj.value.match(/^(.)(\.)(.{1,8})$/)[3]; //获取文件扩展名

for (var i in array) {

if (fileContentType.toLowerCase() == array[i].toLowerCase()) {

//判断浏览器类型,设置图片大小并显示预览

if (obj.files && obj.files[0]) {

imgObjPreview.style.display = 'block';

imgObjPreview.style.width = 'px';

imgObjPreview.style.height = 'px';

imgObjPreview.src = window.URL.createObjectURL(obj.files[0]); //火狐浏览器下设置图片源

} else {

obj.select(); //IE浏览器下获取文件内容的方式

var imgSrc = document.selection.createRange().text; //获取选择的文件内容作为图片源

try {

localImagId.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale)"; //IE滤镜设置图片显示方式

localImagId.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = imgSrc; //设置图片源并显示预览图

} catch (e) {

上一篇:Ajax 高级功能之ajax向服务器发送数据 下一篇:没有了

Copyright © 2016-2025 www.168986.cn 狼蚁网络 版权所有 Power by