js关于图片上传路径的获取

js关于图片上传路径的获取,第1张

给你个简单的例子,很多张的话判断是否是新的只能通过文件名了:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 40 Transitional//EN">

<HTML>

<HEAD>

<TITLE> New Document </TITLE>

<META NAME="Generator" CONTENT="EditPlus">

<META NAME="Author" CONTENT="">

<META NAME="Keywords" CONTENT="">

<META NAME="Description" CONTENT="">

<script>

function yulan()

{

var fileext=documentform1UpFilevaluesubstring(documentform1UpFilevaluelastIndexOf(""),documentform1UpFilevaluelength);

fileext=fileexttoLowerCase();

if ((fileext!='jpg')&&(fileext!='gif')&&(fileext!='jpeg')&&(fileext!='png')&&(fileext!='bmp'))

{

alert("对不起,系统仅支持标准格式的照片,请您调整格式后重新上传,谢谢 !");

documentform1UpFilefocus();

}

else

{

//alert(''+documentform1UpFilevalue);

documentgetElementById("preview")innerHTML="预览区<img src='"+documentform1UpFilevalue+"' style='border:6px double #ccc';padding:5px;>"

}

}

</script>

<style>

#preview{

border: 1px dashed #F00;

width:200px;

height:200px

}

</style>

</HEAD>

<BODY>

上传前御览

<form name="form1" method="POST" enctype="multipart/form-data">

<input type="file" name="UpFile" size="46" onchange="yulan()">

<div id="preview">预览区</div>

</form>

</BODY>

</HTML>

你好!

fileupload理论上不设置浏览器是不可能取到本地路径的。

你可以想想,如果用fileupload可以轻易获取到本地路径,那别人随便写个程序,不就可以把你本地的各种文件遍历传到服务器了,那不就可以随便**文件了。

所以一般是换一种做法,用一个textbox存储路径,用一个button完成上传功能。至于上传的代码方法多了。一种是用stream类,一种是用webclient上传,方法很多的。

1、本地的HTML只能连接网站内的,即使在本地,也需要先将拷贝到网站内。

2、网页中引用js文件,象你这样如果用到路径等时,要注意的是这个路径如果用相对路径表示的话,是网页与之间的相对路径,而不是js文件与之间的相对路径。如果有多个不同的目录中的网页文件需要引用一个这样的js文件的话,最好的解决办法是用绝对路径。也就是改成:

imgUrl1=("/images/0gif")

imgtext1="1111"

imgLink1=escape("/XXhtml");

imgUrl2=("/images/00gif");

imgtext2="222"

imgLink2=escape("/XXXhtml");

html的/,标示是网站的根目录,php的那个/,表示系统的根目录。php一般这么搞。dirname(__FILE__);用这个获取当前文件所在的目录,然后根据这个目录,向前或者向后定位。比如在你编辑的这个文件下面有个aphp,你可以这么写。require_once(dirname(__FILE__)'/aphp');要是比如,你现在编辑的文件是ctrl目录下,但是你想包含的文件在和ctrl同级别的一个目录server下,就这么写require_once(dirname(__FILE__)'//aphp');

vs中默认的是当前项目所在文件夹为根目录,如果用相对路径,你可以将资源文件夹放在网页所在文件目录,然后直接使用就可以了。如果放在其他文件夹的话,\

表示回退一层目录,你自己根据情况定

给你一段代码,就是利用上传控件直接显示的

//保存封面修改

FileUpload

upBook

=

thisdvBookFindControl("upBook")

as

FileUpload;

Image

imgBook

=

thisdvBookFindControl("imgBook")

as

Image;

string

fileName

=

upBookFileName;

if

(fileNameTrim()Length

!=

0)

{

string

savePath

=

ServerMapPath(imgBookImageUrl);

upBookPostedFileSaveAs(savePath);

//将保存至该路径

}

js实现获取文件大小:

var maxsize = 210241024;//定义最大为2M。

var errMsg = "上传的附件文件不能超过2M!";

var tipMsg = "您的浏览器暂不支持计算上传文件的大小,确保上传文件不要超过2M,建议使用IE、FireFox、Chrome浏览器。";

var browserCfg = {};

var ua = windownavigatoruserAgent;

if (uaindexOf("MSIE")>=1){

browserCfgie = true;

}else if(uaindexOf("Firefox")>=1){

browserCfgfirefox = true;

}else if(uaindexOf("Chrome")>=1){

browserCfgchrome = true;

}

function checkfile(){

try{

var obj_file = documentgetElementById("fileuploade");

if(obj_filevalue==""){

alert("请先选择上传文件");

return;

}

var filesize = 0;

if(browserCfgfirefox || browserCfgchrome ){

filesize = obj_filefiles[0]size;

}else if(browserCfgie){

var obj_img = documentgetElementById('tempimg');

obj_imgdynsrc=obj_filevalue;

filesize = obj_imgfileSize;

}else{

alert(tipMsg);

return;

}

if(filesize==-1){

alert(tipMsg);

return;

}else if(filesize>maxsize){

alert(errMsg);

return;

}else{

alert("文件大小符合要求");

return;

}

}catch(e){

alert(e);

}

}

js实现获取绝对路径:

function readFile(fileBrowser) {

if (navigatoruserAgentindexOf("MSIE") != -1) {

return getFilePath(fileBrowser);

} else if (navigatoruserAgentindexOf("Firefox") != -1 || navigatoruserAgentindexOf("Mozilla") != -1) {

return getFilePathWithFF(fileBrowser);

} else {

return;

}

}

function getFilePath(fileBrowser) {

alert("ie");

alert(fileBrowservalue);

}

function getFilePathWithFF(fileBrowser) {

try {

netscapesecurityPrivilegeManagerenablePrivilege("UniversalXPConnect");

} catch(e) {

alert('由于浏览器安全问题 请按照以下设置 [1] 地址栏输入 "about:config" ; [2] 右键 新建 -> 布尔值 ; [3] 输入 "signedappletscodebase_principal_support" (忽略引号)');

return;

}

var fileName = fileBrowservalue;

alert("firefox");

alert( fileName);

}

以上就是关于js关于图片上传路径的获取全部的内容,包括:js关于图片上传路径的获取、为什么js获取到的FileUpload的绝对路径是C:\fakepath\、怎样用js代码引入本地图片的路径等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9808523.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-02
下一篇 2023-05-02

发表评论

登录后才能评论

评论列表(0条)

保存