如何用javascript控制上傳文件的大小

2024-09-06 12:44:34

字體：大中小

來源：轉載

供稿：網友

代碼如下:
<form   name=Myform  onsubmit="return   CheckFileSize()">
  <input   type=file   name=photo><br/>
  <input   type=submit   value=submit></form>

  <SCRIPT   LANGUAGE="JavaScript"></SCRIPT>

應用了javascript和在IE下img本身的fileSize屬性。另外img還有其他的幾個屬性，如fileCreatedDate、fileModifiedDate、fileSize、fileUpdatedDate、filters，我們可以通過這些屬性來獲取圖片文件的部分信息，如文件大小，我們用file表單同img標簽結合，就能夠在上傳之前判斷圖片文件的大小是否合法了。
代碼如下:
<input type="text" size="4" value="10" name="fileSizeLimit" id="fileSizeLimit"/> K
<input type="file" name="file1" id="file1" size="40" onchange="changeSrc(this)"/>
<img src="about:blank" id="fileChecker" alt="test" height="18"/>

<script type="text/javascript">
var oFileChecker = document.getElementById("fileChecker");

function changeSrc(filePicker)
{
oFileChecker.src = filePicker.value;
}

oFileChecker.onreadystatechange = function ()
{
if (oFileChecker.readyState == "complete")
{
checkSize();
}
}

function checkSize()
{

上一篇：js計數器代碼

下一篇：event.x,event.clientX,event.offsetX區別