Shikong/WeChatMsg
1
0
Fork 0
mirror of https://github.com/LC044/WeChatMsg synced 2025-02-23 03:22:17 +08:00
Code Issues Packages Projects Releases Wiki Activity

add chat-images to to_html_

Browse Source
This commit is contained in:
DzhiWang 2023-11-27 19:26:31 +08:00
parent 16bb0f1c04
commit 6412cb2224
2 changed files with 111 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

114
app/DataBase/output_pc.py
View File

@ -7,6 +7,8 @@ from . import msg
from ..log import log from ..log import log
from ..person import MePC from ..person import MePC
from ..DataBase import hard_link
from ..util import get_abs_path
if not os.path.exists('./data/聊天记录'): if not os.path.exists('./data/聊天记录'):
os.mkdir('./data/聊天记录') os.mkdir('./data/聊天记录')
@ -501,6 +503,12 @@ class ChildThread(QThread):
user-select:none; user-select:none;
} }
.chat-image img{
margin-right: 18px;
margin-left: 18px;
max-width: 300px;
max-height: auto;
}
.avatar img{ .avatar img{
width: 42px; width: 42px;
height: 42px; height: 42px;
@ -557,6 +565,56 @@ class ChildThread(QThread):
-webkit-box-shadow:inset006pxrgba(0,0,0,0.5); -webkit-box-shadow:inset006pxrgba(0,0,0,0.5);
} }
.pagination-container {
display: flex;
flex-direction: column;
align-items: center;
margin-top: 20px;
margin-left: 20px; /* 新增的左边距 */
}
.button-row,
.jump-row,
#paginationInfo {
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 10px;
}
button {
padding: 10px 25px;
background-color: #3498db;
color: white;
border: none;
border-radius: 4px;
cursor: pointer;
margin: 0 14px;
transition: background-color 0.3s;
}
button:hover {
background-color: #2980b9;
}
input {
padding: 8px;
width: 120px;
box-sizing: border-box;
margin-right: 0px;
margin-left: 15px;
}
button,
input {
font-size: 14px;
}
#paginationInfo {
color: #555;
font-size: 14px;
}
</style> </style>
</head> </head>
<body> <body>
@ -586,13 +644,16 @@ class ChildThread(QThread):
</div> </div>
<div></div> <div></div>
<div> <div class="pagination-container">
<div class="button-row">
<button onclick="prevPage()">上一页</button> <button onclick="prevPage()">上一页</button>
<div id = "paginationInfo"></div>
<button onclick="nextPage()">下一页</button> <button onclick="nextPage()">下一页</button>
<div></div> </div>
<div class="jump-row">
<input type="number" id="gotoPageInput" placeholder="跳转到第几页"> <input type="number" id="gotoPageInput" placeholder="跳转到第几页">
<button onclick="gotoPage()">跳转</button> <button onclick="gotoPage()">跳转</button>
</div>
<div id="paginationInfo"></div>
</div> </div>
<script> <script>
const chatContainer = document.getElementById('chat-container'); const chatContainer = document.getElementById('chat-container');
@ -614,10 +675,11 @@ const chatMessages = [
avatar = 'myhead.png' if is_send else 'tahead.png' avatar = 'myhead.png' if is_send else 'tahead.png'
timestamp = message[5] timestamp = message[5]
self.progressSignal.emit(index) self.progressSignal.emit(index)
str_content = str_content.replace('"', '\\"').replace('{', '\\{').replace('}', '\\}').replace('\n',
if type_ == 1:
str_content = str_content.replace('"', '\\"').replace('{', '\\{').replace('}', '\\}').replace('\n',
'\\n').replace( '\\n').replace(
"'", "\\'") "'", "\\'")
if type_ == 1:
if self.is_5_min(timestamp): if self.is_5_min(timestamp):
f.write( f.write(
f'''{{ type:0, text: '{str_time}',is_send:0,avatar_path:''}},''' f'''{{ type:0, text: '{str_time}',is_send:0,avatar_path:''}},'''
@ -625,6 +687,28 @@ const chatMessages = [
f.write( f.write(
f'''{{ type:{type_}, text: '{str_content}',is_send:{is_send},avatar_path:'{avatar}'}},''' f'''{{ type:{type_}, text: '{str_content}',is_send:{is_send},avatar_path:'{avatar}'}},'''
) )
elif type_ == 3:
import re
pattern1 = r'<msg><img length="\d+" hdlength="0" /><commenturl></commenturl></msg>'
pattern2 = r'<msg><img /></msg>'
match = re.search(pattern1, str_content)
if match:
continue
match = re.search(pattern2, str_content)
if match:
continue
image_path = hard_link.get_image(content=str_content, thumb=False)
image_path = get_abs_path(image_path)
image_path = image_path.replace('\\', '/')
# print(f"tohtml:---{image_path}")
if self.is_5_min(timestamp):
f.write(
f'''{{ type:0, text: '{str_time}',is_send:0,avatar_path:''}},'''
)
f.write(
f'''{{ type:{type_}, text: '{image_path}',is_send:{is_send},avatar_path:'{avatar}'}},'''
)
html_end = ''' html_end = '''
]; ];
function renderMessages(messages) { function renderMessages(messages) {
@ -644,6 +728,16 @@ const chatMessages = [
messageElement.className = "item item-center"; messageElement.className = "item item-center";
messageElement.innerHTML = `<span>${message.text}</span>` messageElement.innerHTML = `<span>${message.text}</span>`
} }
else if (message.type == 3){
if (message.is_send == 1){
messageElement.className = "item item-right";
messageElement.innerHTML = `<div class='chat-image'><img src="${message.text}" /></div><div class='avatar'><img src="${message.avatar_path}" /></div>`
}
else if(message.is_send==0){
messageElement.className = "item item-left";
messageElement.innerHTML = `<div class='avatar'><img src="${message.avatar_path}" /></div><div class='chat-image'><img src="${message.text}" /></div>`
}
}
chatContainer.appendChild(messageElement); chatContainer.appendChild(messageElement);
} }
} }
@ -678,6 +772,16 @@ const chatMessages = [
messageElement.className = "item item-center"; messageElement.className = "item item-center";
messageElement.innerHTML = `<span>${message.text}</span>` messageElement.innerHTML = `<span>${message.text}</span>`
} }
else if (message.type == 3){
if (message.is_send == 1){
messageElement.className = "item item-right";
messageElement.innerHTML = `<div class='chat-image'><img src="${message.text}" /></div><div class='avatar'><img src="${message.avatar_path}" /></div>`
}
else if(message.is_send==0){
messageElement.className = "item item-left";
messageElement.innerHTML = `<div class='avatar'><img src="${message.avatar_path}" /></div><div class='chat-image'><img src="${message.text}" /></div>`
}
}
chatContainer.appendChild(messageElement); chatContainer.appendChild(messageElement);
} }
updatePaginationInfo(); updatePaginationInfo();

3
app/util/path.py
View File

@ -11,7 +11,8 @@ def get_abs_path(path):
# return os.path.join(os.getcwd(), 'app/data/icons/404.png') # return os.path.join(os.getcwd(), 'app/data/icons/404.png')
if path: if path:
# if os.path.exists(os.path.join()) # if os.path.exists(os.path.join())
output_path = dat2pic.decode_dat(os.path.join(MePC().wx_dir, path), './data/image') base_path = os.getcwd() + "/data/image"
output_path = dat2pic.decode_dat(os.path.join(MePC().wx_dir, path), base_path) #'./data/image')
return output_path return output_path
else: else:
return os.path.join(os.getcwd(), 'app/data/icons/404.png') return os.path.join(os.getcwd(), 'app/data/icons/404.png')