-1
A
回答
0
我有一個img
src
,看起來是這樣的:
我能夠用代碼來解決這個問題這樣
if (e.target.files && e.target.files[0]) {
var img = document.createElement("img");
this.state.backgroundImageFile = e.target.files[0];
img.onload = function() {
debugger;
console.log(this.width + " " + this.height);
});
var reader = new FileReader();
reader.onloadend = function (ended) {
img.src = ended.target.result;
}
reader.readAsDataURL(e.target.files[0]);
}
2
陣營依然是JavaScript中,你經常JS做一切可以做反應。在很高的層面上,React只是幫助您創建更多模塊化可重用代碼的框架。
就這麼說,作爲一名React開發人員,您應該首先創建上傳過程,然後讓其在單獨的類中工作。該班可以通過其道具接受圖片。然後,一旦工作正常,您可以創建一個更高階的組件來封裝上傳組件,或者接收上傳組件作爲參數並檢查圖像大小。此時您可以返回無效組件或僅處理圖像並上傳。
您可能想查看一些關於React入門的教程。 這是一個良好的開端egghead.io
相關問題
- 1. 檢查圖像大小之前上傳
- 2. swift ios在上傳之前縮小圖像大小
- 3. 在vb上傳之前調整圖像大小
- 4. 使用php上傳之前調整圖像大小問題
- 5. CURL在上傳到Imgur之前調整圖像大小
- 6. 在上傳之前調整圖像大小
- 7. 如何在上傳到coudinary之前調整圖像大小?
- 8. 在上傳到目錄之前調整圖像大小
- 9. 如何在上傳之前檢查圖像大小(例如1MB)
- 10. 如何在將圖像上傳到Flask之前調整圖像大小?
- 11. 之前的圖像大小在DOM中
- 12. 上傳前調整圖片的大小
- 13. 在上傳到Mysql之前獲取blob字符串的大小
- 14. PHP獲得圖像的KB大小
- 15. 在將圖片上傳到Firebase之前調整圖片大小
- 16. 在上傳多個圖像之前預覽圖像上傳
- 17. 圖像在添加c之前得到調整大小#
- 18. 的JavaScript - 圖像預覽之前上傳
- 19. 上傳之前的預覽圖像
- 20. 在上傳HTML文件之前調整圖片的大小5
- 21. 調整上傳圖像的大小 - PHP
- 22. Symfony2:調整上傳圖像的大小
- 23. 用於上傳的NativeScript圖像大小
- 24. 上傳的WordPress圖像大小調整
- 25. 上傳前檢查圖片大小
- 26. 在顯示圖像之前需要根據圖像大小調整div大小
- 27. 在提交給PHP上傳之前在客戶端調整圖像大小
- 28. 在上傳之前縮放圖像
- 29. 圖像上傳小部件,調整圖像大小然後上傳
- 30. Fine Uploader:在上傳之前調整大文件的大小?