⑴ vue前端調手機攝像頭，有沒有方法默認設置照片像素
一般是在上傳前進行壓縮處理，而不是直接跳相機像素
⑵ vue 圖片牆 屏幕大衣大小
vue 圖片牆 屏幕大衣大小調試方法如下：
通過 postcss-px2rem 插件，實現項目的自適應使用：
** 1、安裝包，**npm install postcss-px2rem px2rem-loader _save。
2、文件創建，在src目錄下創建一個util的工具文件夾，然後創建一個js文件，這里我叫pxtorem.js，文件中寫上一下代碼，
3、在main.js文件中引入剛剛創建好的文件，import './util/pxtorem'。
4、在vue.config.js文件中配置，如果項目中沒有這個文件，可以自己手動在根目錄下創建一下。
⑶ vue tinymce 控制圖片大小上傳，以及富文本編輯框在dialog的問題
項目需求需要用到富文本編輯框，表格中操作富文本編輯框，最後選擇用彈框的形式顯示，注意彈框和富文本編輯框的坑
原因：第一次彈框tinymce 組件未銷毀，因此先於第二次dialog彈出，而第二次dialog中的傳值也就後於富文本組件初始化，也就未被渲染了。
v-if="dialogFormVisible"
原因：tinycme和dialog中的樣式沖突了，當我們F12把頁面縮小，會發現，並不是點擊toolbar沒反應，而是菜單欄（toolbar）被置於底層了，dialog蓋住了菜單欄
解決：修改tinycme中的樣式文件，z-index: 都+00000，此文件中有多處z-index,請全部修改（另外，z-index = -1 這種就不需要修改了）
⑷ vue給的1360的圖怎麼寫頁面做到自適應
vue給的1360的圖寫頁面做到自適應步驟如下：
1.vue圖片在設置好的div裡面自動適應寬高，圖片顯示全部，不夠寬高的留空白；
2.本文使用的圖片解析度為：4000x2026；
3.我的電腦解析度為：1920x1080；
4.默認寬高如果設置100%，電腦屏幕會顯示不全的；
5.注意：這里設置了圖片最高 高度為700，如果高度太高，圖片會顯示不全；
6.訪問頁面，電腦屏幕就可以完整的顯示圖片了。
⑸ VUE 前端大文件上傳如何實現
你好，這個自己寫起來，雖然也不是很難，但是覺得沒有必要寫，你可以看些elementUI上傳組件。
⑹ vue點擊上傳圖片，vue上傳oss，vue-cropper圖片裁剪功能
很多剛入門的小夥伴上傳圖片都會使用現成的框架，然後根據框架提供的api進行上傳，感覺這樣是最簡單的，其實上傳圖片是一個很簡單的功能，
1.將input的設為透明然後定位到按鈕上面，通過點擊實現上傳
2.點擊按鈕，通過處發input的點擊事件後處發change，達到喚起上傳圖片的效果
先通過npm安裝oss依賴
oss官方文檔
1.前端拿到 accessKeyId，accessKeySecret直接上傳oss
這種用法會直接暴露id及secret，相當於把自己家門的鑰匙告訴別人，不推薦使用
2.通過後台轉換，拿到對應的參數，進行上傳
圖片裁剪的插件，先通過npm安裝依賴
vue-cropper 高版本解決在ios上圖片拍照旋轉問題
父組件
子組件，在項目components文件中新建一個cropper文件，在父組件中引入
⑺ 上傳的圖片超過單個文件500Kb的限制怎麼辦
可以使用Photoshop把圖片像素壓縮一下。
1、Photoshop打開超過500KB的圖片。
⑻ vue超大文件上傳如何實現
分片上傳。先判斷文件大小，是否需要分片，如果需要分片。就可以利用文件的方法slice(start,end)分成一段段的小文件。舉個例子：
<input type="file">
<script>
let fl = document.querySelector('input');
let SIZE = 20 * 1024 * 1024; //文件分片界限是20MB
fl.onchange = function() {
let file = fl.files[0];
let chunks = [], start = 0, end = SIZE;
if(file.size > SIZE) {
let m = Math.ceil(file.size / SIZE); //需要分成多少片
while(m--) {
let chunk = file.slice(start, end) ;//對文件進行分片
chunks.push(chunk); //記錄每次分片的文件
start = end;
end += SIZE;
if(end > file.size) end = file.size;
}
//上傳所有的分片文件
} else {
//小於分片界限的文件直接上傳
}
};
</script>
⑼ vue-cli3 圖片壓縮【image-webpack-loader】使用
4M的圖片使用默認設置壓縮成1.4M，自定義的設置可以更小