T12_0818

在上傳圖片下方新增圖片資訊：

1. 圖片名稱
2. 圖片大小
3. 圖片本體(此檔案)

setImageObject({
    name: file.name,
    size: file.size,
    url: imageURL
});

這邊是拿來比較的地方

<div className="image-box-wrapper">
    <div className="image-box">
        <h4 className="label">原圖:</h4>
        <ImageUploader />
    </div>
    <div className="image-box">
        <h4 className="label">修復中:</h4>
        <div className="upload-box preview-box">
        {adjustedUrl ? (
            <img className="preview-image" />
            ) : (<p>尚未選擇圖片</p>)
        }
        </div>
    </div>
</div>

imageUploader.jsx

<>
    <div className={`upload-box ${isDragging ? "dragging" : ""}`} >
        <input />
            {imageObject ? (
                <div className="image-preview-box">
                    <img className="preview-image" />
                    <button className="clear-btn">移除圖片</button>
                </div>) : (<p>點擊或拖曳圖片上傳</p>)}
    </div>
    {/* 圖片資訊方框放在虛線框外面，只有有圖片時才顯示 */}
    {imageObject ? (<ImageInfoBox file={imageObject} />) : null}
</>

圖片上傳那邊出了錯 當初在上傳時把檔名寫死 所以上傳時，會導致傳不上去(同一個檔名，所以會不能傳) 下一步計劃：

1. 上傳圖片時，用圖片本身的名稱上傳
2. 下載時，用本來的檔名+(_repair.jpg)用作下載

找時間作RWD吧 目前沒時間