html上傳文件大小_js 如何獲取上傳文件的大小

Ⅰ 怎樣用html5實現拖拽上傳文件

，首先要判斷拖入的文件是否符合要求，包括圖片類型、大小等，然後獲取本地圖片信息，實現預覽，最後上傳。
$(function(){
...接上部分
var box = document.getElementById('drop_area'); //拖拽區域
box.addEventListener("drop",function(e){
e.preventDefault(); //取消默認瀏覽器拖拽效果
var fileList = e.dataTransfer.files; //獲取文件對象
//檢測是否是拖拽文件到頁面的操作
if(fileList.length == 0){
return false;
}
//檢測文件是不是圖片
if(fileList[0].type.indexOf('image') === -1){
alert("您拖的不是圖片！");
return false;
}

//拖拉圖片到瀏覽器，可以實現預覽功能
var img = window.webkitURL.createObjectURL(fileList[0]);
var filename = fileList[0].name; //圖片名稱
var filesize = Math.floor((fileList[0].size)/1024);
if(filesize>500){
alert("上傳大小不能超過500K.");
return false;
}
var str = "<img src='"+img+"'><p>圖片名稱："+filename+"</p><p>大小："+filesize+"KB</p>";
$("#preview").html(str);

//上傳
xhr = new XMLHttpRequest();
xhr.open("post", "upload.php", true);
xhr.setRequestHeader("X-Requested-With", "XMLHttpRequest");

var fd = new FormData();
fd.append('mypic', fileList[0]);

xhr.send(fd);
},false);
});

Ⅱ 怎麼通過HTML+PHP上傳文件到伺服器

HTML代碼：

<body>

<label>選擇圖片文件</label>

</form>

</body>

PHP代碼：

if (isset($_FILES['imgfile'])

&& is_uploaded_file($_FILES['imgfile']['tmp_name']))

{

$imgFile = $_FILES['imgfile'];

$upErr = $imgFile['error'];

if ($upErr == 0)

{

$imgType = $imgFile['type']; //文件類型。

/* 判斷文件類型，這個例子里僅支持jpg和gif類型的圖片文件。*/

if ($imgType == 'image/jpeg'

|| $imgType == 'image/gif')

{

$imgFileName = $imgFile['name'];

$imgSize = $imgFile['size'];

$imgTmpFile = $imgFile['tmp_name'];

將文件從臨時文件夾移到上傳文件夾中。

注意：upfile這個文件夾必須先創建好，不然會報錯。

move_uploaded_file($imgTmpFile, 'upfile/'.$imgFileName);

/*顯示上傳後的文件的信息。*/

$strPrompt = sprintf("文件%s上傳成功<br>"

. "文件大小: %s位元組<br>"

. "<img src='upfile/%s'>"

, $imgFileName, $imgSize, $imgFileName

);

echo $strPrompt;

}

else

{

echo "請選擇jpg或gif文件，不支持其它類型的文件。";

}

else

{

echo "文件上傳失敗。<br>";

switch ($upErr)

{

case 1:

echo "超過了php.ini中設置的上傳文件大小。";

break;

case 2:

echo "超過了MAX_FILE_SIZE選項指定的文件大小。";

break;

case 3:

echo "文件只有部分被上傳。";

break;

case 4:

echo "文件未被上傳。";

break;

case 5:

echo "上傳文件大小為0";

break;

}

else

{

}

Ⅲ js 如何獲取上傳文件的大小

HTML中input標簽有個類型是file。這個是可以上傳文件使用的。你可以直版接操作這個標簽的size來獲取文件的大小。
可通過下面的權方式
html代碼：

js代碼：
varfileId="uploadtest";
vardom=document.getElementById(fileId);
varfileSize=dom.files[0].size;//文件的大小，單位為位元組B

Ⅳ 如何html5分割上傳實現超大文件無插件網頁上傳

//代碼不支持IE 因為IE對HTML5支持不好$("#file").change(function(event) { var file = $("#file")[0].files[0]; PostFile(file,0); });function PostFile(file,i){ var name = file.name, //文件名 size = file.size, //總大小shardSize = 2 * 1024 * 1024, shardSize = 2 * 1024 * 1024,//以2MB為一個分片 shardCount = Math.ceil(size / shardSize); //總片數 if(i >= shardCount){ return; } //計算每一片的起始與結束位置 var start = i * shardSize, end = Math.min(size, start + shardSize); //構造一個表單，FormData是HTML5新增的 var form = new FormData(); form.append("data", file.slice(start,end)); //slice方法用於切出文件的一部分 form.append("lastModified", file.lastModified); //slice方法用於切出文件的一部分 form.append("name", name); form.append("total", shardCount); //總片數 form.append("index", i + 1); //當前是第幾片 //Ajax提交 $.ajax({ url: "/test/AjaxFile", type: "POST", data: form, async: true, //非同步 processData: false, //很重要，告訴jquery不要對form進行處理 contentType: false, //很重要，指定為false才能形成正確的Content-Type success: function(data){ if(data){ i = data++; var num = Math.ceil(i*100 / shardCount); $("#output").text(num+'%'); PostFile(file,i); } } }); }

Ⅳ php上傳文件關於上傳文件的大小超過了 HTML 表單中 MAX_FILE_SIZE 選項指定的值

你上面那個是判斷出現錯誤情況下的，判斷有沒超過你定義的大小是返回錯誤為0的情況下進行判斷。
if($_FILES['file']['error']>0){
switch($_FILES['file']['error']){
case1:
echo"上傳的文件超過了php.ini中upload_max_filesize選項限制的值。";
break;
case2:
echo"上傳文件的大小超過了HTML表單中MAX_FILE_SIZE選項指定的值。";
break;
case3:
echo"文件只有部分被上傳。";
break;
case4:
echo"沒有文件被上傳。";
break;
default:
echo"未知錯誤！";
}
exit;
}
else
{
if($_FILES['file']['size']>1000000)
{
echo"上傳文件的大小超過了HTML表單中MAX_FILE_SIZE選項指定的值。";
exit;
}
}

echo"上傳成功";

導航:首頁 > 文件教程 > html上傳文件大小

html上傳文件大小

與html上傳文件大小相關的資料

友情鏈接