當前位置:首頁 » 文件傳輸 » 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();}