<div class="col-sm-9 col-lg-6 col-xs-12 col-md-9">
<div class="input-group">
<input type="text" class="form-control" name="uploadFile" readonly id="uploadFile">
<span class="input-group-btn">
<span class="btn btn-primary btn-file">
Browse… <input type="file" name="file" id="filed" required="required">
</span>
</span>
</div>
<div id="spanFileUploadMsg">
</div>
</div>
<script src="Scripts/jquery-1.7.1.min.js" type="text/javascript" > </script>
<script type="text/javascript">
$(document).on('change', '.btn-file :file', function() {
var input = $(this),numFiles = input.get(0).files ? input.get(0).files.length : 1,
label = input.val().replace(/\\/g, '/').replace(/.*\//, '');
input.trigger('fileselect', [numFiles, label]);
genrateSizeMsg(this.files[0])
});
function genrateSizeMsg(f)
{
var f = f.size;
f = f/1048576;
if (f > 9)
{
$("#spanFileUploadMsg").html("The file you are trying to upload is too large (max 9MB)");/* This message will be display in "spanFileUploadMsg" id when size is greater than 9MB */
return false;
}
return true;
}
</script>
http://stackoverflow.com/questions/5697605/limit-the-size-of-an-file-的可能重複upload-html-input – yuvi