如何用javascript/jquery上传div(缩略图)中的图标？

使用JavaScript/jQuery上传div中的图标可以通过以下步骤实现：

1. 首先，确保在HTML页面中引入了jQuery库，可以通过以下方式引入：<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
2. 在HTML中创建一个包含图标的div，并为其添加一个id，例如：<div id="iconDiv"> <img src="icon.jpg" alt="图标"> </div>
3. 创建一个文件上传的input元素，并为其添加一个id，例如：<input type="file" id="fileInput">
4. 使用JavaScript/jQuery监听文件上传的事件，并获取选择的文件：$(document).ready(function() { $('#fileInput').on('change', function(e) { var file = e.target.files[0]; // 在这里进行文件上传的操作 }); });
5. 在文件上传的事件处理函数中，可以使用FormData对象将文件发送到服务器：$(document).ready(function() { $('#fileInput').on('change', function(e) { var file = e.target.files[0]; var formData = new FormData(); formData.append('file', file); // 发送formData到服务器进行处理 }); });
6. 可以使用jQuery的ajax方法将formData发送到服务器，并在成功上传后更新div中的图标：$(document).ready(function() { $('#fileInput').on('change', function(e) { var file = e.target.files[0]; var formData = new FormData(); formData.append('file', file); $.ajax({ url: 'upload.php', // 上传文件的服务器端地址 type: 'POST', data: formData, processData: false, contentType: false, success: function(response) { // 上传成功后的处理逻辑 $('#iconDiv').html('<img src="' + response.imageUrl + '" alt="图标">'); }, error: function() { // 上传失败后的处理逻辑 console.log('上传失败'); } }); }); });

请注意，上述代码中的upload.php是一个示例的服务器端处理文件上传的脚本，你需要根据自己的实际情况进行相应的处理。

这是一个基本的用JavaScript/jQuery上传div中图标的方法。根据具体需求，你可以进一步完善和定制化这个过程，例如添加进度条、文件类型验证等功能。