当前位置:首页 » 文件传输 » js上传ftp的的图片点击查看
扩展阅读
webinf下怎么引入js 2023-08-31 21:54:13
堡垒机怎么打开web 2023-08-31 21:54:11

js上传ftp的的图片点击查看

发布时间: 2022-08-22 21:18:27

⑴ 在ftp中已上传的图片 可是在网页中打开图片网址 却没有图片是怎么回事

图片格式不正确,浏览器读不出来。
重新处理图片上传就可以了。

上传之前可以先测试一下,把图片直接拖到浏览器看是否能正常显示。

⑵ 用JS显示ftp空间里的图片,怎么做

你要是知道图片的路径的话是可以直接使用的,不知道的话需要遍历查出路径
给你个链接:http://topic.csdn.net/t/20040325/10/2883959.html

⑶ js/jquery如何实现一张图片的上传预览功能。。。。

使用AJAX,把文件保存到临时目录,把返回的值(文件路径),放到页面上预先添加的<IMG> 标签中,就可显示预览图片,再点上传才把文件从临时目录(删除临时目录文件)复制到你指定的目录中

⑷ FTP上传网页后显示不了图片和js,听别人说是路径问题 请问怎么改

网站根目录为wwwroot,不管哪个文件里引用其他文件,前面都加/就不会错。
比如你截图右侧这些文件是直接放在wwwroot目录下
那么yun4.htm里引用图片logo.gif,代码为<img src="/logo.gif">
如果你的图片logo.gif,是放在images文件夹里,那么代码为<img src="/images/logo.gif">

实际上是<img src="wwwroot/xxx/xxx">,在这个环境中wwwoot为根目录,/代表从wwwoot(根目录)开始的路径。

⑸ 使用js向服务器上传文件

(1)js无法向网站服务器传送文件只能用FTP传送文件,(2)是动态网站要用js代码函数与服务器数据库代码建立连接函数。对应数据库,数据,相应单位,通过指定路径传输倒是制定数据单位。例如照片imag数据单位格式标注照片。通过编辑代码任意网络客户端都可上传到数据库imag格式单位标注中.相片.

⑹ 用js、jquery如何实现上传图片的预览

$("#btnLoadPhoto").upload({ url: "../UploadForms/RequestUpload.aspx?action=photo", type: "json", callback: calla });
//获得表单元素
HttpPostedFile oFile = context.Request.Files[0];
//设置上传路径
string strUploadPath = "temp/";
//获取文件名称
string fileName = context.Request.Files[0].FileName;
补充:JQuery是继prototype之后又一个优秀的Javascript库。它是轻量级的js库 ,它兼容CSS3,还兼容各种浏览器(IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+),jQuery2.0及后续版本将不再支持IE6/7/8浏览器。jQuery使用户能更方便地处理HTML(标准通用标记语言下的一个应用)、events、实现动画效果,并且方便地为网站提供AJAX交互。jQuery还有一个比较大的优势是,它的文档说明很全,而且各种应用也说得很详细,同时还有许多成熟的插件可供选择。jQuery能够使用户的html页面保持代码和html内容分离,也就是说,不用再在html里面插入一堆js来调用命令了,只需要定义id即可。

⑺ js图片上传直接浏览的代码

<html >
<head>
<title>无标题页</title>
<style type="text/css">#newPreview {FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale)}</style> <script language="javascript" type="text/javascript">
function CheckImg(fileUpload)
{
var mime=fileUpload.value;
mime=mime.toLowerCase().substr(mime.lastIndexOf("."));
if(mime!=".jpg")
{
fileUpload.value="";
alert("仅支持JPG格式!");
}
else
{
var imags=document.getElementsByTagName("img");

for(i=0;i<imags.length;i++)
{
if(imags[i].name=='imagePhoto')
{
imags[i].src=fileUpload.value;

}
}
}
}
</script>
</head>
<body>
<form id="form1">
<table>
<tr>
<td>
<input id="ImagePath" type="file" onchange="CheckImg(this)"/>
</td>
</tr>
<tr>
<td>
<Image ID="imagePhoto" name="imagePhoto" runat="server" Height="180px" Width="230px" /></td>
</tr>
</table>
</form>
</body>
</html>我写的上传直接浏览图片!

⑻ 怎样用js或者jq实现点击这个图片就可以选择上传还有预览图片啊

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>Document</title>
<script src="jquery-3.1.1.min.js"></script>
</head>
<body>
<h3>请选择图片文件:JPG/GIF</h3>
<form name="form0" id="form0" >
<input type="file" name="file0" id="file0" multiple="multiple" />
<br><br><img src="" id="img0" width="120">
</form>
</body>
<script>
$("#file0").change(function(){
var objUrl = getObjectURL(this.files[0]) ;
console.log("objUrl = "+objUrl) ;
if (objUrl)
{
$("#img0").attr("src", objUrl);
$("#img0").removeClass("hide");
}
}) ;
//建立一个可存取到该file的url
function getObjectURL(file)
{
var url = null ;
if (window.createObjectURL!=undefined)
{ // basic
url = window.createObjectURL(file) ;
}
else if (window.URL!=undefined)
{
// mozilla(firefox)
url = window.URL.createObjectURL(file) ;
}
else if (window.webkitURL!=undefined) {
// webkit or chrome
url = window.webkitURL.createObjectURL(file) ;
}
return url ;
}
$('input').on('change',function(){
var value = $(this).val();
value = value.split("\\")[2];
alert(value);
})
</script>
</html>

⑼ js中动态添加的Input file 控件,我怎么获取到它上传的图片呢请教各位大神!

方法一:你可以把你上传的图片,放到数据库中的某个表中,然后,你查询表获得;
方法二:你上传图片成功以后,返回jsp 一个上传图片放置的路径,你把这个路径setValue到
<input id="tee" type="hidden"/>
通过$("#tee").val()获得路径,通过ajax,在后台通过url获得图片;

⑽ 用JS或者JQ写多个点击预览和点击上传功能,点击预览会弹出一个遮罩层来显示图片

.onwindow{
position:fixed;
top:43%;
left:43%;
z-index:99;
width:250px;
height:135px;
background-color:rgba(255,255,255,1);
display:none;
border:2pxsolidred;
border-radius:15px;
padding:10px;
}

.plank{
position:fixed;
top:0;
bottom:0;
left:0;
right:0;
background-color:rgba(255,255,255,0.8);
width:100%;
display:none;
}
<divclass="onwindow">//显示窗口
<image>...........
</div>
<divclass="plank"></div>//背景
varhide=()=>{$(".onwindow").hide();$(".plank").hide();}
varshow=()=>{$(".onwindow").show();$(".plank").show();}