js实现手机照片上传功能

在前段时间的项目开发中，使用了上传照片的地方，然后找到了最简单的方法，总结如下：

表单id=' form '方法=' post '操作=' http://192 . 168 . 1 . 131:8080/task/add ' enctype=' multipart/form-data '输入id=' input-file '类型=' file' accept=' image/。

$('input[type='file']')。on('change '，function () { $('#form '))。submit()；//var of reader=new file reader()；//var file=document . getelementbyid(' input-file ')。文件[0]；//oFReader.readAsDataURL(文件)；//of Reader . onloadend=function(of Revent){//var src=of Revent . target . result；//$('.内容')。attr('src '，src)；//alert(src)；//}});现在看来，type=file的使用确实相当广泛。其实浏览器是用来解析输入类型=文件的，设备上的文件目录和摄像头都会自动获取。(注释内容是解决文件需要上传到电脑上显示在页面上时，文件fakepath路径问题的方法。其实有很多优秀的库可以解决这个问题，以后需要了解更多的时候我们会总结一下。

最终，它竟然达到了这样的效果：

以上就是本文的全部内容。希望对大家的学习有帮助，支持我们。