㈠ 在html頁面裡面製作一個上傳圖片的區域，就是點那個區域，就能上傳照片，這個html代碼應該怎麼寫
你好，html上傳文件的代碼如下：
<inputtype="file"name="fileUpload"/>
<inputtype="submit"value="上傳文件"/>
至於你要說的有個區域顯示圖片的，這個需要配合前端開發才可以，單純的html代碼是做不到的，謝謝。
㈡ web前端上傳圖片的幾種方法
下面給你介紹3種web前端上傳圖片的方法：
1.表單上傳
最傳統的圖片上傳方式是form表單上傳，使用form表單的input[type=」file」]控制項，打開系統的文件選擇對話框，從而達到選擇文件並上傳的目的。
ajax無刷新上傳
Ajax無刷新上傳的方式，本質上與表單上傳無異，只是把表單里的內容提出來採用ajax提交，並且由前端決定請求結果回傳後的展示結果。
3.各類插件上傳
當上傳的需求要求可預覽、顯示上傳進度、中斷上傳過程、大文件分片上傳等等，這時傳統的表單上傳很難實現這些功能，我們可以藉助現有插件完成。
如網路上傳插件Web Uploader、jQuery圖片預覽插件imgPreview 、拖拽上傳與圖像預覽插件Dropzone.js等等，大家可根據項目實際需求選擇適合的插件。
㈢ 前端怎麼傳圖片給後台（java）
你可以現在前台控制台列印一下base64的流，看看是否獲取圖片成功。如果成功再去後台看看獲取的文件信息，haerd中是否有數據。
然後就是你沒有後台代碼，這里也不好判斷是否是接收問題
㈣ 前端批量上傳圖片後端怎麼接收
循環啊 非同步啊，直接轉換成base64傳到後台，後台循環解碼，保存在文件夾裡面不就可以了。
㈤ 怎麼把圖片從前端上傳到伺服器
用FTP工具上傳。
㈥ 前端，圖片上傳點擊 input type=file 選擇好了想要上傳的圖片，點擊打開，
你是要傳到伺服器的話那就是後台實現。
如果不傳到伺服器在頁面上不能直接顯示出來，系統有限制。 但是在大部分的手機瀏覽器裡面是可以直接讀取。
例如下面這段直接載入本地選擇的圖片地址，會報錯：Not allowed to load local resource
意思是不允許讀取本地資源。
varfileupload=document.getElementById('upload');
fileupload.onchange=function(event){
varimg=document.createElement('img');
img.src=this.value;
document.body.appendChild(img);
};
㈦ 前端實現多圖片上傳獲取到一個數組怎麼在後台接受這個數組
// 這是一個嵌入到網頁中動態顯示50是張圖片的java小應用程序，希望你對有幫助！
import java.awt.*;
import java.applet.*;
public class Picture extends Applet
{
Image[] theImages;
int nNum = 50;
int nNow = 0;
public void init()
{
theImages = new Image[nNum];
for(int i = 0; i < nNum ; i++)//將圖片裝入數組
theImages[i] = getImage(getDocumentBase(), "pic" + Integer.toString(i) + ".jpg");
}
public void start()
{
nNow = 0;
}
public void paint(Graphics g)
{
g.drawImage(theImages[nNow],500,500,this);
nNow++;
if(nNow>=nNum)
nNow = 0;
try
{
Thread.sleep(50);
}
catch(Exception e){showStatus(e.toString());}
repaint();
}
public void main()
{
Graphics g;
g=this.getGraphics ();
init();
start();
paint(g);
}
}
㈧ 我想實現 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('文件上傳成功！');
㈨ 前端上傳文件的幾種方法
1.表單上傳
最傳統的圖片上傳方式是form表單上傳，使用form表單的input[type=」file」]控制項，打開系統的文件選擇對話框，從而達到選擇文件並上傳的目的。
form表單上傳
表單上傳需要注意以下幾點：
(1).提供form表單，method必須是post。
(2).form表單的enctype必須是multipart/form-data。
javascript學習交流群：453833554
enctype 屬性規定在發送到伺服器之前應該如何對表單數據進行編碼。默認地，表單數據會編碼為 "application/x-www-form-urlencoded"。就是說，在發送到伺服器之前，所有字元都會進行編碼。HTML表單如何打包數據文件是由enctype這個屬性決定的。enctype有以下幾種取值：
application/x-www-form-urlencoded：在發送前編碼所有字元(默認)(空格被編碼為』+』，特殊字元被編碼為ASCII十六進制字元)。
multipart/form-data：不對字元編碼。在使用包含文件上傳控制項的表單時，必須使用該值。
text/plain：空格轉換為 「+」 加號，但不對特殊字元編碼。
默認enctype=application/x-www-form-urlencoded，所以表單的內容會按URL規則編碼，然後根據表單的提交方法：
method=』get』 編碼後的表單內容附加在請求連接後，
method=』post』 編碼後的表單內容作為post請求的正文內容。
㈩ 用html做上傳圖片時，怎樣限制上傳圖片的尺寸
<script>
var img=null;
function s()
{
if(img)img.removeNode(true);
img=document.createElement("img");
img.style.position="absolute";
img.style.visibility="hidden";
img.attachEvent("onreadystatechange",orsc);
img.attachEvent("onerror",oe);
document.body.insertAdjacentElement("beforeend",img);
img.src=inp.value;
}
function oe()
{
alert("cant load img");
}
function orsc()
{
if(img.readyState!="complete")return false;
alert("圖片大小："+img.offsetWidth+"X"+img.offsetHeight);
alert("圖片尺寸："+img.fileSize);
}
</script>
<input id=inp type="file">
<br>
<button onclick="s()">Test</button>