如何确定用户是否selectfile upload文件?
如果我有一个
<input id="uploadFile" type="file" />
标签和一个提交button,我如何确定,在IE6(及以上)如果一个文件已经被用户select。
在FF中,我只是这样做的:
var selected = document.getElementById("uploadBox").files.length > 0;
但是这在IE中不起作用。
这在IE(和FF,我相信)的作品:
if(document.getElementById("uploadBox").value != "") { // you have a file }
这段代码在我的本地环境中工作,希望它也能在现场运行
var nme = document.getElementById("uploadFile"); if(nme.value.length < 4) { alert('Must Select any of your photo for upload!'); nme.focus(); return false; }
function validateAndUpload(input){ var URL = window.URL || window.webkitURL; var file = input.files[0]; if (file) { var image = new Image(); image.onload = function() { if (this.width) { console.log('Image has width, I think it is real image'); //TODO: upload to backend } }; image.src = URL.createObjectURL(file); } }; <input type="file" name="uploadPicture" accept="image/*" onChange="validateAndUpload(this);"/>
在更改时调用此函数。