问答文章1 问答文章501 问答文章1001 问答文章1501 问答文章2001 问答文章2501 问答文章3001 问答文章3501 问答文章4001 问答文章4501 问答文章5001 问答文章5501 问答文章6001 问答文章6501 问答文章7001 问答文章7501 问答文章8001 问答文章8501 问答文章9001 问答文章9501

ext js 浏览控件(上传图片功能)

发布网友 发布时间:2022-04-28 14:45

我来回答

2个回答

热心网友 时间:2022-05-16 09:25

用js或者提交后后台检测fileExt。
js:
<script language="JavaScript" type="text/JavaScript">
var img=null;
function checkPic(Form1){
var location=Form1.pic.value;
if(location==""){
alert("友情提示:\n\n请先选择图片文件,然后再点击“上传照片”按钮。");
window.location.href=window.location.href;
return false;
}
var point = location.lastIndexOf(".");
var type = location.substr(point);
if(type==".jpg"||type==".gif"||type==".png"||type==".JPG"||type==".GIF"||type==".PNG"){
img=document.createElement("img");
img.style.position="absolute";
img.style.visibility="hidden";
document.body.insertAdjacentElement("beforeend",img);
img.src=location;
//if(img.fileSize>35540)
if(img.fileSize>102400) {
alert("友情提示:\n\n您上传的图片尺寸超过了网站的限定,请不要大于102400字节,宽度小于450px。\n\n您目前上传的图片宽度:"+img.offsetWidth+"px,高度:"+img.offsetHeight+"px,图片大小:"+img.fileSize+"字节。\n\n请调整到规定大小再上传!谢谢合作!");
window.location.href=window.location.href;
return false;
}else
return true;
}
else{
alert("友情提示:您要上传的图片格式不对!\n\n只能输入jpg、png或者gif格式的图片,\n\n请重新选择图片!谢谢合作!");
window.location.href=window.location.href;
return false;
}
return true;

}
function changesrc(){
yourpic.src=Form1.pic.value;
}
</script>

后台:
<%
set upload=new upload_file
if upload.form("act")="uploadfile" then
filepath=trim(upload.form("filepath"))
filelx=trim(upload.form("filelx"))

i=0
for each formName in upload.File
set file=upload.File(formName)

fileExt=lcase(file.FileExt)'得到的文件扩展名不含有.
if file.filesize<100 then
response.write "<span style=""font-family: 宋体; font-size: 9pt"">请先选择你要上传的文件! [ <a href=# onclick=history.go(-1)>重新上传</a> ]</span>"
response.end
end if
if (filelx<>"swf") and (filelx<>"jpg") then
'response.write "<span style=""font-family: 宋体; font-size: 9pt"">该文件类型不能上传! [ <a href=# onclick=history.go(-1)>重新上传</a> ]</span>"
'response.end
response.write "<script language='javascript'>" & VbCRlf
response.write "alert('友情提示:\n\n您上传出错啦!该文件类型不能上传!\n\n请重新选择文件再上传,请点击“确定”重新输入!');" & VbCrlf
response.write "history.go(-1);" & vbCrlf
response.write "</script>" & VbCRLF
response.end
end if
if filelx="swf" then
if fileext<>"swf" then
'response.write "<span style=""font-family: 宋体; font-size: 9pt"">只能上传swf格式的Flash文件! [ <a href=# onclick=history.go(-1)>重新上传</a> ]</span>"
'response.end
response.write "<script language='javascript'>" & VbCRlf
response.write "alert('友情提示:\n\n您上传出错啦!只能上传swf格式的Flash文件!\n\n请重新选择文件再上传,请点击“确定”重新输入!');" & VbCrlf
response.write "history.go(-1);" & vbCrlf
response.write "</script>" & VbCRLF
response.end
end if
end if
if filelx="jpg" then
if fileext<>"gif" and fileext<>"jpg" and fileext<>"png" then
'response.write "<span style=""font-family: 宋体; font-size: 9pt"">只能上传jpg或gif格式的图片! [ <a href=# onclick=history.go(-1)>重新上传</a> ]</span>"
'response.end
response.write "<script language='javascript'>" & VbCRlf
response.write "alert('友情提示:\n\n您上传出错啦!只能上传jpg、png或gif格式的图片!\n\n请重新选择文件再上传,请点击“确定”重新输入!');" & VbCrlf
response.write "history.go(-1);" & vbCrlf
response.write "</script>" & VbCRLF
response.end
end if
end if
if filelx="swf" then
if file.filesize>(3000*1024) then
'response.write "<span style=""font-family: 宋体; font-size: 9pt"">最大只能上传 3M 的Flash文件! [ <a href=# onclick=history.go(-1)>重新上传</a> ]</span>"
'response.end
response.write "<script language='javascript'>" & VbCRlf
response.write "alert('友情提示:\n\n您上传出错啦!最大只能上传 300k 的Flash文件!\n\n请重新选择文件再上传,请点击“确定”重新输入!');" & VbCrlf
response.write "history.go(-1);" & vbCrlf
response.write "</script>" & VbCRLF
response.end
end if
end if
if filelx="jpg" then
if file.filesize>(200*724) then
'response.write "<span style=""font-family: 宋体; font-size: 9pt"">最大只能上传 1000K 的图片文件! [ <a href=# onclick=history.go(-1)>重新上传</a> ]</span>"
'response.end
response.write "<script language='javascript'>" & VbCRlf
response.write "alert('友情提示:\n\n您上传的图片尺寸超过了网站的限定,最大只能上传 600K 的图片文件!\n\n请将图片调整到宽度为:450px,小于规定大小再上传!\n\n请点击“确定”重新输入!');" & VbCrlf
response.write "history.go(-1);" & vbCrlf
response.write "</script>" & VbCRLF
response.end
end if
end if
%>
要注意与上传控件一起配合好才行的。 有问题找偶。

热心网友 时间:2022-05-16 10:43

你想要什么合法的路径?直接用文件上传组件就可以了,传回去的路径肯定是合法的,如果说你是想判断上传的图片是否合法,就在servlet里加一点判断就可以啦
谁做过ExtJS上传下载文件的功能,求教

//附件上传表单var wareFrom = Ext.create('Ext.form.Panel', {items: [{xtype: 'filefield',name: 'upfile',fieldLabel: '文件上传',blankText: '请选择文件',allowBlank: false}]});//创建一个窗体var win = Ext.create('Ext.window.Window', {title: '上传课件',width: 'auto',heig...

android auto

您好!建议咨 深圳市微测检测有限公司,已建立起十余个专业实验室,企业通过微测检测就可以获得一站式的测试与认 证解决方案;(EMC、RF、MFi、BQB、QI、USB、安全、锂电池、快充、汽车电子EMC、汽车手机互 联、语音通话质量),认证遇到的疑难杂...

extjs box控件放置图片后 点击事件

,onclick:'clickHandler()'}},renderTo:Ext.getBody()});});ext4+&lt;!doctype html&gt;Extjs 4.2 demo2Ext.onReady(function(){new Ext.Panel({title:'main',width:600,height:300,listeners:{el:{click:function(){// 设置跳转alert(1);location.href = '#';}}},items:{xtype:'box',wi...

extjs做截图功能,加上jcrop插件后,背景是黑色,浏览出不来图片,不加插件...

extjs中添加jquery控件,一般需要在extjs组件的渲染事件后再创建jquery组件,你这里有个明显的问题,id为target的控件是extjs组件而不是页面dom元素的id。试试下面的代码:listeners : { afterrender : function(obj){ (obj.el.dom).Jcrop...} } ...

extjs的作用

extjs主要功能:1、网格 大型数据页面的无限/缓冲滚动功能得到很大改进。同时,对于网格的“锁定”功能,新增了锁定和未锁定两种状态。2、布局 在布局上,通过避免浏览器回流来加快访问速度(浏览器回流,指浏览器为了重新渲染部分或全部的文档而重新计算文档中元素的位置和几何结构的过程)。同时,新增了“边...

easyui和extjs哪个好

首先两个框架的组件都很丰富,商业应用都要收费。ExtJS的动态性和扩展性更好,从使用效果看,easyui的组件相对体验更好一点。ExtJS 优点:1.完全开源,我说的开源的意思并不是说不收费。2.我非常赞赏它的架构设计,完全的面向对象的组件化设计。所有的组件都是从一些基础的组件派生出来的,并且提供了...

ExtJS 简介 让你知道extjs是什么

(wlr的blog应用)(ExtJS的表格控件)(不同主题的ExtJS弹出框效果) ExtJS是一个用javascript写的,主要用于创建前端用户界面,是一个与后台技术无关的前端ajax框架。因此,可以把ExtJS用在.Net、Java、Php等各种开发语言开发的应用中。ExtJs最开始基于YUI技术,由开发人员Jack Slocum开发,通过参考Java Swing等...

有谁知道这个效果是用VS2010.NET哪个控件开发的吗?

这个控件效果很像extjs 现在叫sencha 是第三方的js 类库 也有asp.net 封装的版本 搜索extjs 可以看到演示效果和类库介绍 该类库优点在于控件功能强大,整个类库体系完整,效果华丽 缺点在于类库过于庞大 加载速度不是很快 现在easyui 也可以做出这样的效果 ...

ExtJS是什么,一位学长说的,对这个从未听说

答: ExtJS是一种主要用于创建前端用户界面,是一个与后台技术无关的前端ajax框架。 功能丰富,无人能出其右 无论是界面之美,还是功能之强,ext的表格控件都高居榜首。 单选行,多选行,高亮显示选中的行,推拽改变列宽度,按列排序,这些基本功能咱们就不提了。 自动生成行号,支持checkbox全选,动态选择显示哪些列,...

Extjs的优点

功能丰富,无人能出其右 无论是界面之美,还是功能之强,ext的表格控件都高居榜首。单选行,多选行,高亮显示选中的行,推拽改变列宽度,按列排序,这些基本功能咱们就不提了。自动生成行号,支持checkbox全选,动态选择显示哪些列,支持本地以及远程分页,可以对单元格按照自己的想法进行渲染,这些也算...

深入浅出ExtJS的完整目录

表格控件 28 3.1 Grid的特性简介 28 3.2 制作一个简单的Grid 29 3.3 Grid常用功能详解 32 3.3.1 部分属性功能 32 3.3.2 自主决定每列的宽度 33 3.3.3 让Grid支持按列排序 35 3.3.4 解决中文排序 35 3.3.5 显示日期类型数据 37 3.4 在单元格里显示红色的字、图片和按钮 38 3.5 给Grid的行和列设置...

谷歌浏览器安装淘宝上传图片控件 fileupload控件上传图片 淘宝上传图片控件 手机版上传图片控件 elementui上传图片 淘宝怎么上传图片到图片空间 fileupload控件上传文件 flash控件上传照片 上传照片要下载flash控件
声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com
电脑开机时怎么进入安全模式 广东医学院大一新生宿舍怎么样,是不是都是学校分配,不能自己选择_百度... 2012高考理科 考到545 想知道怎么填志愿 我的分数545可以报广东医学院边d专业?我系广东考生 高考排名。高考报志愿。广东医学院。 今年545分补录广东医学院还有机会吗? 徒步穿什么鞋 夫妻之间感情再不好都不要去互相伤害 平时可以穿登山鞋吗 大学生都爱去哪些网站? 在js动态添加行并添加了一个Input file 控件,我怎么获取到它上传文件呢... javaWEB项目中如何实现批量选择文件并上传呢?有什么好的插件,最好有... file控件选择上传文件确定后触发的js事件是哪个 file控件选择上传文件确定后触发的js事件是哪个? JS动态创建的file控件,PHP 怎么获取上传的文件? 如何用javascript实现控件的图片上传 jquery file upload.js 和ajaxfileupload的区别 前台js 后台java 怎么上传文件 怎样用JS控制文件上传时FILE控件内默认的文件类型 jquery 除了上传插件Uploadify以外有没有别的上传插件,这个插件是选择文件就直接上传了 如何用Python语言编写螺旋线??? 10句新年祝福语。 新年祝福语:从一到十,十句 !看描述: 祝福语拜年短语 10句春节祝福语 如何处理好小学语文阅读和写作关系 如何让作文题目亮起来.ppt 青山处处埋忠骨课件里的眷恋的意思 台式电脑的网卡驱动哪里下载 重装的ghost版 win7网卡驱动在哪里可以下载? 海里的螃蟹抓起来能活几天 螃蟹在家里跑出来找不到了,怎么办,在此情况下能活几天? 成都停气通知在哪里查 成都成华区三友路今晚停气了吗? 成都市新都区街道停气了吗? 成都市居民气费要欠好多,燃气公司才会发催缴通知,又要欠好多,才会停气? 微信转错钱多少可以立案? 如何看待北京师范大学珠海校区2020年高考录取分数线? 北京师范大学珠海分校2021分数线 关于北京师范大学珠海分校分数线问题。 成都大丰高堆今天停气了吗? 听说北京师范大学珠海分校分数线是理525,文535,是真的吗 燃气经营者有权下达停气通知单吗? 关于2011北京师范大学珠海分校的录取问题 北京师范大学珠海分校分数线 为什么考上北京师范大学有的在北京读,有的跑到珠海分校,是因为分数还是别的原因 北京师范大学珠海分校有没降分的可能,我离本科还差3分,有希望吗?[广东考生]急急急 北师大珠海分校到底是几本?在广东好吗? 北京师范大学珠海分校今年的分数线是多少?急求!!! 主持团拜会 征集节目串词