基于ASP.NET+easyUI框架实现图片上传功能(判断格式
原文:
自然之美:从山川到湖海
在我们的生活中,自然的美景无处不在。无论是连绵起伏的山脉,还是碧波荡漾的湖泊,亦或是浩渺无垠的海洋,它们都是大自然的杰作,令人叹为观止。
山脉的壮丽与辽阔,给人一种威严而又神秘的感觉。站在山顶,俯瞰四周,一片云海,仿佛置身于仙境之中。而在山谷之中,溪流潺潺,绿树成荫,生机勃勃。这样的景象,让人感受到大自然的生机与活力。
湖泊的宁静与深邃,给人一种宁静而又深邃的感觉。湖面如镜,倒映着周围的景色,美不胜收。而湖水的清澈,更是让人惊叹。在湖中游泳、划船,或是坐在湖边垂钓,都能让人感受到大自然的和谐与美好。
海洋的广阔与深邃,更是令人心驰神往。在海洋之中,有着无数神秘的生物和奇妙的景象。海底的珊瑚、海面上的鲸鱼、美丽的贝壳、神秘的极光,这些都是海洋的魅力所在。而当我们置身于海滩之上,看着海浪拍打着海岸线,听着海浪的声音,更是能感受到大自然的磅礴与力量。
自然的美景,是大自然的馈赠。我们应该珍惜这份馈赠,保护我们的环境,让更多的人能够欣赏到自然的美景。让我们一起去自然之美,从山川到湖海,感受大自然的魅力。
自然之瑰丽:从巍峨山川到碧波湖海
生活之中,自然的美丽如诗如画,令人陶醉。无论是雄伟壮观的山脉,还是宁静如镜的湖泊,亦或是浩渺无垠的海洋,它们都是大自然的神奇杰作,令人叹为观止。
山脉的雄伟与辽阔,赋予人一种崇高而神秘之感。站在巅峰之上,四周景色一览无余,仿佛身处仙境之中。云雾缭绕其间,更添一份神秘色彩。而在山谷深处,溪流潺潺流淌,绿树成荫,生机勃勃。这里的一草一木,都让人感受到大自然的生命力与活力。
湖泊的宁静与深邃,给人一种宁静致远的感觉。湖面如镜面般平静,倒映着周围的景色,美不胜收。湖水的清澈透明,更是令人叹为观止。在湖上泛舟轻舞,或是坐在湖边垂钓静心,都能让人感受到大自然的和谐与美好。
海洋的广袤与深邃,更是令人心驰神往。海洋之中蕴藏着无数神秘的生物和奇妙的景象。海底的珊瑚世界、海面跃动的鲸鱼、美丽的贝壳以及神秘的极光,都是海洋的魅力所在。当我们置身于海滩之上,听着海浪拍打着海岸线的声音,感受着海风轻拂面颊的温柔,更能体会到大自然的磅礴与力量。
自然的美丽景色是大自然赐予我们的宝贵礼物。我们应当心怀感激,呵护环境,让更多的人有机会领略自然的美丽。让我们一同踏上自然之美的征程吧!从巍峨的山川到碧波荡漾的湖海,让我们领略大自然的无尽魅力。基于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) {
编程语言
- 基于ASP.NET+easyUI框架实现图片上传功能(判断格式
- Ajax 高级功能之ajax向服务器发送数据
- javascript代码优化的8点总结
- asp.net ajax实现无刷新验证码
- 一个PHP的ZIP压缩类分享
- PJBLOG使用技巧
- Zend Framework入门教程之Zend_Db数据库操作详解
- 手把手教你使用flex eclipse整合spring
- Bootstrap编写一个同时适用于PC、平板、手机的登陆
- 用XSL翻译Web服务应用程序
- vue.js国际化 vue-i18n插件的使用详解
- ASP.NET比较常用的26个性能优化技巧
- jquery.uploadView 实现图片预览上传功能
- JS与CSS3实现图片响应鼠标移动放大效果示例
- Git可视化教程之Git Gui的使用
- jQuery实现的简洁下拉菜单导航效果代码