·设为首页收藏本站📧邮箱修改🎁免费下载专区📒收藏夹📱AI全功能
返回列表 发布新帖

都在研究php了,实际js才特么好用哈

120 6
发表于 2025-8-9 13:19:24 | 查看全部 阅读模式

马上注册,免费下载更多dz插件网资源。

您需要 登录 才可以下载或查看,没有账号?立即注册

×
都在研究php了,实际js才特么好用哈?比如我们要实现社区复制粘贴快捷上传图片的哈。实际一个JS对接上传的API即可完成。比如小编的
  1. function bindPasteEvent() {$(document).off('paste.privateChat');  // 彻底移除旧事件$(document).on('paste.privateChat', function(e) {const $input = $(e.target).closest('#PrivatechatInput');if (!$input.length) return; e.stopPropagation();let clipboardData = null;if (e.clipboardData) {clipboardData = e.clipboardData;} else if (window.clipboardData) {clipboardData = window.clipboardData;} else {navigator.clipboard.read().then(items => {items.forEach(item => {const imageTypes = Array.from(item.types).filter(type => type.startsWith('image/'));if (imageTypes.length > 0) {item.getType(imageTypes[0]).then(blob => {uploadPastedImage(blob, $input);}).catch(err => {console.error('获取图片失败:', err);});}});});return;}if (clipboardData.items) {for (let i = 0; i < clipboardData.items.length; i++) {const item = clipboardData.items[i];if (item.kind === 'file' && item.type.startsWith('image/')) {const blob = item.getAsFile();uploadPastedImage(blob, $input);return;}}}else if (clipboardData.files && clipboardData.files.length) {const file = clipboardData.files[0];if (file.type && file.type.startsWith('image/')) {uploadPastedImage(file, $input);return;}}});}function uploadPastedImage(blob, $input) {if (blob.size > 5 * 1024 * 1024) {layer.msg('图片大小不能超过5MB', { icon: 2 });return;}const formData = new FormData();formData.append('file', blob, 'paste_' + new Date().getTime() + '.png'); // 文件名带时间戳$.ajax({url: 'upload.php', type: 'POST',data: formData,processData: false,contentType: false,beforeSend: function() {layer.load(2, { shade: 0.3 });},success: function(response) {layer.closeAll('loading'); // 关闭加载动画if (response.code === "1") {const imgTag = ' ';$input.val($input.val() + imgTag).focus();layer.msg('图片粘贴成功', { icon: 1 });} else {layer.msg('图片上传失败:' + (response.msg || '未知错误'), { icon: 2 });}},error: function() {layer.closeAll('loading');layer.msg('网络错误,上传失败', { icon: 2 });}});}
复制代码
至于什么权限的,自己到到你的API上传接口去控制吧。粗粗的一个JS函数完成了复制粘贴图片快捷上传
我要说一句 收起回复

评论6

IT618发布Lv.8 发表于 2025-8-9 13:19:52 | 查看全部
api难道不是php开发的,php/js/html/mysql,这种组合才是网站最完美的,缺少谁不行
我要说一句 收起回复
回复 支持 反对

使用道具 举报

TyCodingLv.8 发表于 2025-8-9 13:20:12 | 查看全部
你这孩子
我要说一句 收起回复
回复 支持 反对

使用道具 举报

婷姐Lv.8 发表于 2025-8-9 13:20:18 | 查看全部
怎么 不用写upload了? 这么牛波一
我要说一句 收起回复
回复 支持 反对

使用道具 举报

浅生Lv.8 发表于 2025-8-9 13:20:35 | 查看全部
技术流啊
我要说一句 收起回复
回复 支持 反对

使用道具 举报

拾光Lv.8 发表于 2025-8-9 13:20:47 | 查看全部
不一样哈,php用于后端
我要说一句 收起回复
回复 支持 反对

使用道具 举报

独家记忆Lv.8 发表于 2025-8-9 13:21:02 | 查看全部
技术没什么优劣之分吧,重点在于应用场景以及是否精通
我要说一句 收起回复
回复 支持 反对

使用道具 举报

回复

 懒得打字嘛,点击右侧快捷回复【查看最新发布】   【应用商城享更多资源】
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关闭

站长推荐上一条 /1 下一条

最新热评 加载中...
AI智能体
投诉/建议联系

discuzaddons@vip.qq.com

未经授权禁止转载,复制和建立镜像,
如有违反,按照公告处理!!!
  • 联系QQ客服
  • 添加微信客服

联系DZ插件网微信客服|最近更新|Archiver|手机版|小黑屋|DZ插件网! ( 鄂ICP备20010621号-1 )|网站地图 知道创宇云防御

您的IP:216.73.216.180,GMT+8, 2026-2-6 03:04 , Processed in 4.993304 second(s), 103 queries , Gzip On, Redis On.

Powered by Discuz! X5.1 Licensed

© 2001-2026 Discuz! Team.

关灯 在本版发帖
扫一扫添加微信客服
QQ客服返回顶部
快速回复 返回顶部 返回列表