https://new.pvzhe.wiki/w/%E5%BE%AE%E4%BB%B6:ImageCleaner?action=history&feed=atom
微件:ImageCleaner - 版本历史
2026-07-26T19:29:16Z
本wiki上该页面的版本历史
MediaWiki 1.43.6
https://new.pvzhe.wiki/index.php?title=%E5%BE%AE%E4%BB%B6:ImageCleaner&diff=12794&oldid=prev
2026年7月20日 (一) 01:17 愤怒的郎朗
2026-07-20T01:17:14Z
<p></p>
<a href="https://new.pvzhe.wiki/index.php?title=%E5%BE%AE%E4%BB%B6:ImageCleaner&diff=12794&oldid=12792">显示更改</a>
愤怒的郎朗
https://new.pvzhe.wiki/index.php?title=%E5%BE%AE%E4%BB%B6:ImageCleaner&diff=12792&oldid=prev
愤怒的郎朗：创建页面，内容为“<includeonly> <style> .image-cleaner-wrap { margin: 15px 0; } .image-cleaner-btn { padding: 10px 24px; background: #f44336; color: #fff; border: none; border-radius: 8px; cursor: pointer; font-size: 14px; margin: 5px; } .image-cleaner-btn:hover { background: #d32f2f; } .image-cleaner-btn:disabled { background: #ccc; cursor: not-allowed; } .image-cleaner-result { margin-top: 10px; max-height: 500px; overflow-y: aut…”
2026-07-20T01:14:12Z
<p>创建页面，内容为“<includeonly> <style> .image-cleaner-wrap { margin: 15px 0; } .image-cleaner-btn { padding: 10px 24px; background: #f44336; color: #fff; border: none; border-radius: 8px; cursor: pointer; font-size: 14px; margin: 5px; } .image-cleaner-btn:hover { background: #d32f2f; } .image-cleaner-btn:disabled { background: #ccc; cursor: not-allowed; } .image-cleaner-result { margin-top: 10px; max-height: 500px; overflow-y: aut…”</p>
<p><b>新页面</b></p><div><includeonly><br />
<style><br />
.image-cleaner-wrap {<br />
margin: 15px 0;<br />
}<br />
.image-cleaner-btn {<br />
padding: 10px 24px;<br />
background: #f44336;<br />
color: #fff;<br />
border: none;<br />
border-radius: 8px;<br />
cursor: pointer;<br />
font-size: 14px;<br />
margin: 5px;<br />
}<br />
.image-cleaner-btn:hover { background: #d32f2f; }<br />
.image-cleaner-btn:disabled { background: #ccc; cursor: not-allowed; }<br />
.image-cleaner-result {<br />
margin-top: 10px;<br />
max-height: 500px;<br />
overflow-y: auto;<br />
}<br />
.image-item {<br />
display: flex;<br />
align-items: center;<br />
padding: 8px;<br />
border-bottom: 1px solid #eee;<br />
font-size: 13px;<br />
justify-content: space-between;<br />
}<br />
.image-item img {<br />
width: 48px;<br />
height: 48px;<br />
object-fit: contain;<br />
margin-right: 10px;<br />
border-radius: 4px;<br />
}<br />
.image-item .file-info {<br />
flex: 1;<br />
}<br />
.image-item .file-name {<br />
font-weight: bold;<br />
}<br />
.image-item .file-usage {<br />
font-size: 11px;<br />
color: #888;<br />
}<br />
.image-item .delete-btn {<br />
padding: 4px 12px;<br />
background: #f44336;<br />
color: #fff;<br />
border: none;<br />
border-radius: 4px;<br />
cursor: pointer;<br />
font-size: 12px;<br />
}<br />
.image-item .delete-btn:hover { background: #d32f2f; }<br />
.image-item .delete-btn:disabled { background: #ccc; cursor: not-allowed; }<br />
.image-progress {<br />
margin: 10px 0;<br />
font-size: 13px;<br />
color: #888;<br />
}<br />
</style><br />
<br />
<div class="image-cleaner-wrap"><br />
<button class="image-cleaner-btn" id="img-scan-btn">🔍 扫描未使用图片</button><br />
<button class="image-cleaner-btn" id="img-delete-all-btn" style="display:none;">🗑️ 一键清除全部</button><br />
<div class="image-progress" id="img-progress"></div><br />
<div class="image-cleaner-result" id="img-result"></div><br />
</div><br />
<br />
<script><br />
(function() {<br />
var unusedImages = [];<br />
var allImages = [];<br />
var totalChecked = 0;<br />
var batchSize = 10;<br />
<br />
function fetchAllImages(continueFrom) {<br />
$('#img-progress').text('正在获取图片列表...');<br />
$.getJSON(mw.util.wikiScript('api'), {<br />
action: 'query',<br />
list: 'allimages',<br />
ailimit: 50,<br />
aifrom: continueFrom || undefined,<br />
format: 'json'<br />
}, function(data) {<br />
if (data.query && data.query.allimages) {<br />
allImages = allImages.concat(data.query.allimages);<br />
if (data.continue && data.continue.aifrom) {<br />
fetchAllImages(data.continue.aifrom);<br />
} else {<br />
checkUsage();<br />
}<br />
}<br />
});<br />
}<br />
<br />
function checkUsage() {<br />
unusedImages = [];<br />
totalChecked = 0;<br />
var total = allImages.length;<br />
$('#img-progress').text('正在检查引用... 0/' + total);<br />
$('#img-scan-btn').prop('disabled', true);<br />
<br />
function processBatch(index) {<br />
var batch = allImages.slice(index, index + batchSize);<br />
if (batch.length === 0) {<br />
showResults();<br />
return;<br />
}<br />
<br />
var titles = batch.map(function(img) { return 'File:' + img.name; }).join('|');<br />
$.getJSON(mw.util.wikiScript('api'), {<br />
action: 'query',<br />
list: 'imageusage',<br />
iutitles: titles,<br />
iulimit: 1,<br />
format: 'json'<br />
}, function(data) {<br />
var usedFiles = {};<br />
if (data.query && data.query.imageusage) {<br />
data.query.imageusage.forEach(function(iu) {<br />
usedFiles[iu.title.replace('File:', '')] = true;<br />
});<br />
}<br />
batch.forEach(function(img) {<br />
totalChecked++;<br />
if (!usedFiles[img.name]) {<br />
unusedImages.push(img);<br />
}<br />
});<br />
$('#img-progress').text('正在检查引用... ' + totalChecked + '/' + total);<br />
setTimeout(function() { processBatch(index + batchSize); }, 200);<br />
});<br />
}<br />
<br />
processBatch(0);<br />
}<br />
<br />
function showResults() {<br />
$('#img-scan-btn').prop('disabled', false);<br />
$('#img-progress').text('共 ' + allImages.length + ' 张图片，' + unusedImages.length + ' 张未使用');<br />
var $result = $('#img-result').empty();<br />
<br />
if (unusedImages.length === 0) {<br />
$result.html('<p style="color:#4CAF50;">✅ 所有图片都被引用，没有未使用的图片！</p>');<br />
$('#img-delete-all-btn').hide();<br />
return;<br />
}<br />
<br />
$('#img-delete-all-btn').show();<br />
<br />
unusedImages.forEach(function(img) {<br />
var $item = $('<div class="image-item"></div>');<br />
$item.append('<img src="' + img.url + '" alt="' + img.name + '">');<br />
$item.append('<div class="file-info"><div class="file-name">' + img.name + '</div><div class="file-usage">未使用</div></div>');<br />
$item.append('<button class="delete-btn" data-name="' + img.name + '">删除</button>');<br />
$result.append($item);<br />
});<br />
}<br />
<br />
function deleteImage(name, $btn) {<br />
if (!confirm('确定删除 ' + name + ' 吗？此操作不可恢复！')) return;<br />
$btn.prop('disabled', true).text('删除中...');<br />
<br />
var api = new mw.Api();<br />
api.postWithEditToken({<br />
action: 'delete',<br />
title: 'File:' + name,<br />
reason: '清理未使用图片'<br />
}).then(function() {<br />
$btn.text('✅ 已删除').css('background', '#4CAF50');<br />
$btn.closest('.image-item').fadeOut(1000, function() { $(this).remove(); });<br />
}).fail(function() {<br />
$btn.prop('disabled', false).text('❌ 失败');<br />
});<br />
}<br />
<br />
$('#img-scan-btn').click(fetchAllImages);<br />
<br />
$('#img-delete-all-btn').click(function() {<br />
if (!confirm('确定删除全部 ' + unusedImages.length + ' 张未使用图片吗？此操作不可恢复！')) return;<br />
var $btn = $(this);<br />
$btn.prop('disabled', true).text('删除中...');<br />
<br />
var api = new mw.Api();<br />
var done = 0;<br />
var total = unusedImages.length;<br />
var failed = [];<br />
<br />
unusedImages.forEach(function(img) {<br />
api.postWithEditToken({<br />
action: 'delete',<br />
title: 'File:' + img.name,<br />
reason: '批量清理未使用图片'<br />
}).then(function() {<br />
done++;<br />
$btn.text('删除中... ' + done + '/' + total);<br />
if (done >= total) finishDelete($btn, failed);<br />
}).fail(function() {<br />
done++;<br />
failed.push(img.name);<br />
if (done >= total) finishDelete($btn, failed);<br />
});<br />
});<br />
});<br />
<br />
function finishDelete($btn, failed) {<br />
if (failed.length === 0) {<br />
$btn.text('✅ 全部删除完成').css('background', '#4CAF50');<br />
$('#img-result').html('<p style="color:#4CAF50;">✅ 所有未使用图片已删除！</p>');<br />
} else {<br />
$btn.text('⚠️ ' + failed.length + ' 张删除失败').prop('disabled', false);<br />
}<br />
$('#img-progress').text('');<br />
}<br />
<br />
$('#img-result').on('click', '.delete-btn', function() {<br />
var name = $(this).data('name');<br />
deleteImage(name, $(this));<br />
});<br />
})();<br />
</script><br />
</includeonly></div>
愤怒的郎朗