首先回答下題主的問題:①是否可以實現,以及如何實現?答:可以實現,而且是前端實現,詳細說明在下面②如果可以實現,對于用戶上傳的圖片格式有無限制?(PNG/JPG等)答:沒有任何限制以下是詳細說明:前端用html2canvas.js可以把html轉成canvas最后輸出base64碼圖片用法非常簡單.注意:示例中使用了jquery庫.使用以下代碼生成:
第一個參數是要捕捉的區(qū)域第二個參數負責生成生成的base64圖片碼類似這樣如果題主的后端需要保存可以用PHP的GD庫處理這個base64然后直接輸出成圖片文件前端只要將base64放到a標簽的href里讓用戶點擊即可查看/下載可以到我寫的工作流程圖里看看效果首先拖幾個控件到設計區(qū)域然后點擊 保存 - 保存為圖片 Download一張圖片就出來了不過它是不支持CSS3部分屬性的但是根據題主的描述,應該不會用到CSS3,所以html2canvas+GD庫足夠用了html中如何設置背景顏色,背景圖片,并且插入圖片呢?快來看看吧。
第一步,設置背景顏色,只要改變body的bgcolor屬性,不過要注意顏色與文本顏色的搭配要協調清晰。
第二步,HTML網頁的背景圖片得用background屬性,文件路徑如果和網頁在一個文件夾內則只用寫圖片名字并且如果圖片小于網頁顯示窗口,會自動重復添加。
第三步,如果要在網頁中插入圖片,則得調用<img src="URL">。
第四步,如果要設置圖片大小,只要改變width和height屬性即可,如圖箭頭所指。
第五步,默認的文字圖像的排列是文字靠下,如果為了美觀或要求,可以修改文字與圖片的位置,如圖。
注意事項bgcolor和background兩個屬性,之后會被css設置替代,不過也得學好。為了保證網頁加載的速度,背景圖片不要太大。1、使用form表單提交 但是這里要記得添加enctype屬性,這個屬性是指定form表單在向服務器提交之前,對表單數據如何進行編碼。 文件域中的name="file"屬性的值,需要和后臺接收的對象名一致,不然接收不到。
2、使用ajax提交文件使用ajax提交首先引入jquery-form.js文件才能實現,接著使用上面的html代碼,加入以js則可以實現ajax提交文件。
3、使用FormData對象4、后臺接收文件,框架采用的Spring Boot 微服務框架,因為該框架搭建很方便所以采用這個框架寫例子。