vue中,图片<img src="path">如何加载绝对路径的图片例如:D:photofileName

vue中,图片<img src="path">如何加载绝对路径的图片例如:D:photofileName,第1张

assets:在项目编译的过程中会被webpack处理解析为模块依赖,只支持相对路径的形式,如< img src=”/logopng”>和background:url(/logopng),”/logopng”是相对资源路径,将有webpack解析为模块依赖

static:在这个目录下文件不会被webpack处理,简单就是说存放第三方文件的地方,不会被webpack解析。他会直接被复制到最终的打包目录(默认是dist/static)下。必须使用绝对路径引用这些文件,这是通过configjs文件中的buildassetsPublic和buildassertsSubDirectory链接来确定的。任何放在static/中文件需要以绝对路径的形式引用:/static[filename]

根据webpack的特性,总的来说就是static放不会变动的,第三档的文件,asserts放可能会变动的文件。

查询数据库,取出img路径的字段,然后将字符串打

散成数组,去取第数学的第一个值。

$att=explode('',$data["img"]);这样就可以把字符串转

成数组,在取出第一个$arr[0]

protected void DetailsView1_ItemCommand(object sender, DetailsViewCommandEventArgs e)

{

if (eCommandName == "up")

{

FileUpload fup = DetailsView1FindControl("FileUpload1") as FileUpload;

string dirPath = "admin/images/UpFile/";

string dirPath2 = "images/UpFile/";

string strRs = CommonUpFile("~/" + dirPath, fup, Label2);

if (strRs != null)

{

((HiddenField)DetailsView1FindControl("hidImage"))Value = dirPath2 + strRs;

((Image)DetailsView1FindControl("Image1"))ImageUrl = "~/" + dirPath + strRs;

}

}

}

这个是赋值的

-----------------------

这个是上传

public static string UpFile(string dirPath, FileUpload FileUpload1, Label Label1)

{

if (!DirectoryExists(>

//先得到

var

img=documentgetElementById("的id");

//得到路径

var

path=imgsrc;

//从路径中截取名[包括后缀名]

var

filename;

if(pathindexOf("/")>0)//如果包含有"/"号

从最后一个"/"号+1的位置开始截取字符串

{

filename=pathsubstring(pathlastIndexOf("/")+1,pathlength);

}

else

{

filename=path;

}

imgsrc="([C-Zc-z]:/\[A-Za-z0-9]+)"

group(1)就是你要提取的,我不知道你用的什么语言,如果用php需要在这个正则两头加上/ /

还需要把 / 给转义了,既,把 / 替换成 \/

以上就是关于vue中,图片<img src="path"/>如何加载绝对路径的图片例如:D:/photo/fileName全部的内容,包括:vue中,图片<img src="path"/>如何加载绝对路径的图片例如:D:/photo/fileName、php 数据库图片字段中存储多条img路径,如何将每一条数据的第一张图片路径取出并输出、我想知道,在asp.net中如何实现点击一个按钮,获取图片路径,然后在网页上动态添加img控件,并将对应路径等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存