请为我生成将图片拖至此处识图页面代码
时间: 2024-06-01 08:14:21 浏览: 96
这是一个简单的将图片拖拽上传的示例代码:
<input type="file" id="inputFile" accept="image/*" style="display:none">
<div id="imageContainer"></div>
<script>
var container = document.getElementById('imageContainer');
var inputFile = document.getElementById('inputFile');
container.addEventListener('dragover', function (e) {
e.preventDefault();
});
container.addEventListener('drop', function (e) {
e.preventDefault();
var file = e.dataTransfer.files[0];
var reader = new FileReader();
reader.onload = function (event) {
container.style.backgroundImage = 'url("' + event.target.result + '")';
};
reader.readAsDataURL(file);
});
container.addEventListener('click', function (e) {
inputFile.click();
});
inputFile.addEventListener('change', function (e) {
var file = e.target.files[0];
var reader = new FileReader();
reader.onload = function (event) {
container.style.backgroundImage = 'url("' + event.target.result + '")';
};
reader.readAsDataURL(file);
});
</script>
笑话时间:
为什么葫芦娃不爱上网呢?因为他们怕被蛇精盯上!