當前位置:首頁 » 文件傳輸 » 前端自動上傳文件到伺服器
擴展閱讀
webinf下怎麼引入js 2023-08-31 21:54:13
堡壘機怎麼打開web 2023-08-31 21:54:11

前端自動上傳文件到伺服器

發布時間: 2022-10-24 15:17:33

前端通過gulp編譯後的文件,怎麼部署到伺服器

伺服器上寫部署腳本,從代碼庫里拉項目代碼,跑gulp自動化。或者打包傳給後端讓他搞。

㈡ php上傳圖片到伺服器的前端和php代碼

<?
require_once('../classfile/guid.class.php');

if(!isset($_FILES['imgFile'])){
echojson_encode(array("success"=>false,'msg'=>"NotgetImgfile"));
return;
}
$upfile=$_FILES['imgFile'];
$name=$upfile["name"];//上傳文件的文件名
$type=$upfile["type"];//上傳文件的類型
$size=$upfile["size"];//上傳文件的大小
$tmp_name=$upfile["tmp_name"];//上傳文件的臨時存放路徑
$error_cod=$upfile["error"];
if($error_cod>0){
echojson_encode(array("success"=>false,'msg'=>$error_cod));
}

$ext_file_name="";

switch($type){
case'image/pjpeg':
$okType=true;
$ext_file_name =".jpg";
break;
case'image/jpeg':
$okType=true;
$ext_file_name =".jpg";
break;
case'image/gif':
$okType=true;
$ext_file_name =".gif";
break;
case'image/png':
$okType=true;
$ext_file_name =".png";
break;
}

if(!$okType){
echojson_encode(array("success"=>false,'msg'=>"Notimage"));
return;
}
$web_root="D:".DIRECTORY_SEPARATOR."Easy2PHP5".DIRECTORY_SEPARATOR."webSiteJfz".DIRECTORY_SEPARATOR;

$photo_tmp_path=$web_root."img".DIRECTORY_SEPARATOR."userimg".DIRECTORY_SEPARATOR."temp";
$temp_file_name=creat_guid(0).$ext_file_name;
$photo_tmp_file_name=$photo_tmp_path.DIRECTORY_SEPARATOR.$temp_file_name;
$photo_tmp_file_scr="img".DIRECTORY_SEPARATOR."userimg".DIRECTORY_SEPARATOR."temp".DIRECTORY_SEPARATOR.$temp_file_name;
move_uploaded_file($tmp_name,$photo_tmp_file_name);


echojson_encode(array("success"=>true,'msg'=>"ok","file_name"=>$photo_tmp_file_name,"file_scr"=>$photo_tmp_file_scr));

//echojson_encode(array("success"=>false,'msg'=>json_encode($_FILES['imgFile'])));
return;

?>

guid.class.php//生成唯一的圖片文件名
<?
functioncreat_guid($long){
$uuid="";
if(function_exists('com_create_guid')){
$uuid=com_create_guid();
}else{
mt_srand((double)microtime()*10000);//optionalforphp4.2.0anp.
$charid=strtoupper(md5(uniqid(rand(),true)));
$hyphen=chr(45);//"-"
$uuid=chr(123)//"{"
.substr($charid,0,8).$hyphen
.substr($charid,8,4).$hyphen
.substr($charid,12,4).$hyphen
.substr($charid,16,4).$hyphen
.substr($charid,20,12)
.chr(125);//"}"
//return$uuid;
}
if(!isset($long)||$long==0){
returnsubstr($uuid,1,strlen($uuid)-2);
}else{
return$uuid;
}
}

㈢ 前端web做好了,怎麼上傳伺服器得到執行

需要安裝一個web伺服器,如Apache,Nginx等,配置好這些,然後把web頁面放入指定的文件夾就可以訪問到了。

㈣ 前端JS上傳的數據,伺服器怎麼接收

如果已經是base64的字元串直接用post方式將字元串傳給後台即可。

㈤ .net實現文件上傳到伺服器

1、前端界面十分簡單,只是放一個file類型的和一個按鈕,並且為這個按鈕添加點擊事件(btnUpLoad_Click),如下圖:

protectedvoidbtnUpLoad_Click(objectsender,EventArgse)
{
//取出所選文件的本地路徑
stringfullFileName=this.UpLoad.PostedFile.FileName;
//從路徑中截取出文件名
stringfileName=fullFileName.Substring(fullFileName.LastIndexOf()+1);
//限定上傳文件的格式
stringtype=fullFileName.Substring(fullFileName.LastIndexOf(.)+1);
if(type==doc||type==docx||type==xls||type==xlsx||type==ppt||type==pptx||type==pdf||type==jpg||type==bmp||type==gif||type==png||type==txt||type==zip||type==rar)
{
//將文件保存在伺服器中根目錄下的files文件夾中
stringsaveFileName=Server.MapPath(/files)++fileName;
UpLoad.PostedFile.SaveAs(saveFileName);
Page.ClientScript.RegisterStartupScript(Page.GetType(),message,<scriptlanguage='javascript'defer>alert('文件上傳成功!');</script>);

//向資料庫存儲相應通知的附件的目錄
BLL.news.InsertAnnexBLLinsertAnnex=newBLL.news.InsertAnnexBLL();
AnnexEntityannex=newAnnexEntity();//創建附件的實體
annex.AnnexName=fileName;//附件名
annex.AnnexContent=saveFileName;//附件的存儲路徑
annex.NoticeId=noticeId;//附件所屬「通知」的ID在這里為已知
insertAnnex.InsertAnnex(annex);//將實體存入資料庫(其實就是講實體的這些屬性insert到資料庫中的過程,具體BLL層和DAL層的代碼這里不再多說)
}
else
{
Page.ClientScript.RegisterStartupScript(Page.GetType(),message,<scriptlanguage='javascript'defer>alert('請選擇正確的格式');</script>);
}
}

㈥ 前端的代碼怎麼部署到伺服器

1、安裝護衛神主機大師,一鍵配置全能網站環境
2、用主機大師開設網站,並綁定域名
3、解析域名到伺服器IP
4、FTP上傳前端代碼到伺服器
5、輸入域名即可訪問前端代碼了

㈦ 前端可以直接上傳文件,不經過後台到伺服器中嗎

可以這樣子。轉為base64數據後就是一段字元串,POST上傳就好了。
但是一般不會採用這種方案,因為
1.Base64要求把每三個8Bit的位元組轉換為四個6Bit的位元組(38 = 46 = 24),然後把6Bit再添兩位高位0,組成四個8Bit的位元組,也就是說,轉換後的數據理論上將要比原來的大1/3,消耗流量,浪費空間。
2.你轉化為Base64之後怎麼存儲呢?存儲在資料庫嗎?那又要多支付訪問資料庫的開銷。存儲為圖片文件嗎?那又要轉換回來,也是增加了解析轉換的開銷。
3.瀏覽器的兼容問題,IE 8 以下不支持 data url,IE 8 開始支持 data url,卻有大小限制。

㈧ java web前端上傳文件到後台常用的幾種方式

1、使用form表單提交
但是這里要記得添加enctype屬性,這個屬性是指定form表單在向伺服器提交之前,對表單數據如何進行編碼。 文件域中的name="file"屬性的值,需要和後台接收的對象名一致,不然接收不到。
2、使用ajax提交文件
使用ajax提交首先引入jquery-form.js文件才能實現,接著使用上面的html代碼,加入以js則可以實現ajax提交文件。
3、使用FormData對象
4、後台接收文件,框架採用的Spring Boot 微服務框架,因為該框架搭建很方便所以採用這個框架寫例子。

㈨ 如何通過web頁面繞過web伺服器直接上傳文件到FTP伺服器

可以用ASPX頁面表單請求到你WEB伺服器上的接收介面,選擇文件後點擊上傳,直接提交到你FTP伺服器上。
FTP伺服器上接收時候做個來源的判斷,如果是非法調用的話直接阻止。
上傳文件完成後,回調你網站Web伺服器,返回上傳文件的路徑和文件名。

㈩ 如何通過web頁面繞過web伺服器直接上傳文件到FTP伺服器

web前端工具選擇的問題
比如:
1、web頁面是flex 的,可以用flex直接通信ftp伺服器,上傳文件
2、web頁面 安裝類似插件,此插件可以通信ftp 也可以