在网页开发中,我们需要经常上传图片或文档,然后将其显示出来。使用CSS可以简单地实现这个过程。 首先,我们需要在HTML中创建一个文件上传的input框,并指定一个id。例如: <inp
<input type="file" id="uploadfile" name="uploadfile">
input[type=file] { background-color: #fff; border: 1px solid #ccc; padding: 8px 12px; border-radius: 4px; }
var fileInput = document.getElementById('uploadfile'); var file = fileInput.files[0]; var reader = new FileReader(); reader.onload = function() { var result = reader.result; // 显示图片或文档 }; reader.readAsDataURL(file);
var fileType = file.type.split('/')[0]; if (fileType === 'image') { var img = document.createElement('img'); img.src = result; document.body.appendChild(img); } else if (fileType === 'application' || fileType === 'text') { var p = document.createElement('p'); p.innerHTML = file.name + ': ' + result; document.body.appendChild(p); }
粉丝
0
关注
0
收藏
0