js+thinkphp上传图片

在使用thinkphp框架进行图片上传时，可以通过js来实现以下步骤。

首先，需要创建一个表单，包括一个文件输入框和一个上传按钮。给文件输入框和上传按钮分别设置一个唯一的id值，便于之后通过js获取它们的元素。

接着，使用js来监听上传按钮的点击事件，当点击上传按钮时，触发上传文件的操作。可以通过getElementById方法获取文件输入框的元素，进而获取用户选择的文件对象。

然后，通过FormData对象创建一个表单数据对象，并使用append方法将文件对象添加到表单数据对象中。注意，需要为文件对象添加一个key值，方便后端通过$_FILES数组获取上传的文件。

接下来，通过XMLHttpRequest对象创建一个异步请求对象。使用open方法指定请求方法和URL，并将请求方法设置为POST。注意，这里的URL是指向thinkphp框架中上传图片的控制器方法。

然后，设置请求的header头信息，将Content-Type设置为multipart/form-data，以支持上传文件。

接着，设置请求的回调函数，当请求完成时执行相应的操作。可以在回调函数中验证返回的状态码和响应信息，以确保上传成功。

最后，调用send方法发送请求，并等待上传的过程完成。在上传过程中，可以通过onprogress事件监听上传的进度。

综上所述，通过以上步骤，使用js可以将图片上传到thinkphp框架中。在后端控制器方法中，可以通过$_FILES数组获取上传的文件，并进行相应的处理。这样就实现了js上传图片的功能。