當前位置:首頁 » 文件管理 » 圖片上傳的html

圖片上傳的html

發布時間: 2024-06-21 16:42:08

❶ html怎麼上傳本機圖片

如果只是做上傳頁面 只需要把HTML和圖片放在同一個文件夾裡面就可以了,
如果是要做上傳功能,則需要建立一個伺服器。

❷ 在html頁面裡面製作一個上傳圖片的區域,就是點那個區域,就能上傳照片,這個html代碼應該怎麼寫

你好,html上傳文件的代碼如下:

<inputtype="file"name="fileUpload"/>
<inputtype="submit"value="上傳文件"/>

至於你要說的有個區域顯示圖片的,這個需要配合前端開發才可以,單純的html代碼是做不到的,謝謝。

❸ html圖片怎麼上傳

和網頁傳送方式一樣 比如你的html文件放在桌面,你的圖片新建文件夾img 之後做完之後看一下路徑是否正確,有的是需要你修改路徑的,桌面添加默認為fttp:c\....等路徑 把前面的刪除 只留有文件夾以及文件名

❹ 求一個html上傳圖片php接收代碼

html表單部分要這樣:

<form method="post" action="proAddFile.php" enctype="multipart/form-data" >
<input type="hidden" name="MAX_FILE_SIZE" value="6000000">
<input name="form_data" type="file">

php部分:
if(is_uploaded_file($_FILES['form_data']['tmp_name']))
{
$file=$_FILES['form_data'];
$name=$file['name'];
echo $type=$file['type'];
$size=$file['size'];
$tmpfile=$file['tmp_name']; //臨時存放文件
$error=$file['error'];
if($erro) die("上傳出現錯誤");
if($size>60000) die("太大");

switch($type){ // 得到上傳文件後綴
case 'image/pjpeg' : $extension='.jpg'; //jpeg
break;
。。。。
default:
echo "出現錯誤";
}
$filename="wt209_" . date("Ymdhis") . $extension;
$myfile="your directory" . $filename;
if(move_uploaded_file($tmpfile,$myfile);) echo "上傳成功";
}
?>
may help for you ,great regard from kwl.

❺ 如何用html實現按鈕上傳圖片,並且圖片縮略圖顯示在按鈕上方

+分採納

<html>
<head>
<style>
*{
margin: 0;
padding: 0;
box-sizing: border-box;
-webkit-tap-highlight-color: rgba(0,0,0,0);
}

</style>
</head>

<body>
<div></div>
<input type="file" multiple="multiple" onchange="upload(event)">

</body>
</html>
<script type="text/javascript">
const [el,stage] = [
document.querySelector('input'),
document.querySelector('div'),
]

function upload({target}){
if(!target.files.length) return;

for(const file of target.files){
const img = new Image();
img.src = URL.createObjectURL(file);
stage.appendChild(img);
}
}

</script>

❻ html中input上傳圖片什麼原理啊php後台怎麼處理如果用ajax的話是傳些什麼

用input上傳圖片是把圖片作為文件傳輸的,在php後台中使用 $_FILES來接收。

注意:前端的form表單除了action ,method 屬性外,還要添加一個'enctype'屬性,否則文件傳輸不成功。

<form enctype="multipart/form-data">

<input type="file" >

</form>

$_FILES接收信息 有幾個屬性:

name , 上傳的文件名稱

size ,上傳的文件大小

tmp_name ,臨時路徑

type ,文件類型

error錯誤提示

error取值說明:

( 0:沒問題。1/2:大小超過限制[1->超出php.ini限制。2->超出文件域max_file限制]。3:只上傳部分附件(不好測試)。4:沒有上傳附件)

有上傳信息時:$_FILES接收到的附件信息:


保存附件:把上傳的文件由臨時路徑保存到真實的圖片存儲的位置。

move_uploaded_file(臨時路徑名附件,真實路徑名附件)

❼ 我想實現 html +js 上傳圖片 並保存到本地tmp目錄下,現有代碼如下,求指導。必採納

你js代碼把文件以base64編碼形式展示了出來,是為了讓用戶上傳文件之前能夠預覽對吧。


文件的IO操作需要用後端來實現,如果你只是做web前端開發的話,就沒有必要研究這個東西,如果你是後端開發者的話可以嘗試一下,相關的資料很多,我寫個示例吧,後端用php為例:

html實現:

<!DOCTYPEhtml>
<html>
<head>
<metacharset="utf-8">
<title>ss</title>
</head>
<body>
<formaction="file.php"method="post"enctype="multipart/form-data">
<inputtype="file"name="upfile">
<inputtype="submit"value="提交">
</form>
</body>
</html>

php實現(file.php):

<?php
@header('Content-Type:text/html;charset=utf-8');
if(!isset($_FILES['upfile'])){
exit('請選擇您要上傳的文件!');
}

if(!file_exists($_FILES['upfile']['tmp_name'])){
exit('您要上傳的文件不存在!');
}

$file_dir=dirname(__FILE__).'/tmp';
if(!is_file($file_dir)){
@mkdir($file_dir,0777,true);
}

$file_ext='.jpg';
if(preg_match('/(.w+)$/',$_FILES['upfile']['name'],$ext_tmp)){
$file_ext=$ext_tmp[1];
}

$file_save_path=$file_dir.'/'.uniqid().mt_rand(101,999).$file_ext;

@rename($_FILES['upfile']['tmp_name'],$file_save_path);

if(!file_exists($file_save_path)){
exit('文件上傳失敗!');
}

exit('文件上傳成功!');

❽ html5拖拽圖片上傳,怎麼獲得圖片原始尺寸

用後台語言去獲取不就可以了。為什麼一定要在前端來獲取圖片原始大小呢?即使你要在前端實用,比如PHP獲取到了以後還是可以通過變數傳遞給前端的。至於PHP怎麼獲取圖片原始大小這個網上很容易找到資料!

熱點內容
幼兒編程軟體 發布:2024-07-25 18:47:48 瀏覽:976
php讀取介面 發布:2024-07-25 18:26:13 瀏覽:724
襄陽編程課 發布:2024-07-25 18:19:12 瀏覽:949
安卓手機群發簡訊軟體哪個好 發布:2024-07-25 18:17:49 瀏覽:714
php播放器代碼 發布:2024-07-25 18:10:56 瀏覽:838
iphone緩存視頻瀏覽器緩存 發布:2024-07-25 17:47:57 瀏覽:448
如何配置禁止遠程登錄 發布:2024-07-25 17:37:04 瀏覽:570
red65用命令打開文件夾 發布:2024-07-25 17:36:53 瀏覽:483
哪些情況需要提高演算法的效率 發布:2024-07-25 17:27:06 瀏覽:635
天津一汽豐田伺服器地址 發布:2024-07-25 17:22:00 瀏覽:334