jquery移动端图片上传插件

JQuery是一款非常流行的JavaScript库，能够方便地实现许多动态效果。其中，移动端图片上传插件是一个非常常用的功能。通过这种插件，我们可以方便地上传、裁剪、压缩图片，同时还能够进行预览和旋转等操作。

下面是一段使用JQuery编写的移动端图片上传插件的示例代码。

   // 选择图片并进行预览
   $('input[type="file"]').on('change',function() {
      var file = this.files[0];
      if (!/image\/\w+/.test(file.type)) {
         alert('请上传图片文件');
         return false;
      }
      var reader = new FileReader();
      reader.readAsDataURL(file);
      reader.onload = function(){
         $('.preview').html('');
      }
   });
   
   // 上传图片
   $('#upload').on('click',function() {
      var formData = new FormData();
      formData.append('file',$('input[type="file"]')[0].files[0]);
      $.ajax({
         url: 'upload.php',type: 'POST',data: formData,processData: false,contentType: false,success: function(data) {
            alert('上传成功！');
         },error: function() {
            alert('上传失败！');
         }
      });
   });

以上代码中，我们通过JQuery的事件绑定方法监听了上传按钮的点击事件，然后使用ajax向服务器端发送图片文件，实现了图片上传的功能。通过添加预览和文件类型检测的代码，我们还能够确保用户上传的是图片文件并进行预览。

移动端图片上传插件是一个非常实用的功能，它能够帮助我们在移动端轻松地处理上传图片的操作，实现了更好的用户体验。