使用Javascript示例上传云端图像

问题描述 投票:2回答:1

我使用Javascript和jQuery而不使用server.my运行用于Cloudinary图像上传的程序。我的问题是我遵循Cloudinary jQuery插件的说明,但是未上传图像。请张贴答案。我的代码如下:

<html>
<head>
 <script type="text/javascript">
     $.cloudinary.config({cloud_name:'mycloudname', api_key:’myapikey'});
          $.ajax({
           url: 'http://res.cloudinary.com/mycloudname/image/upload/v1442240142/',
           type: 'POST',
           success: function (response) {
               $('#uploadinput').attr('data-form-data', response);
           }
       });
   </script>
   </head>
   <body>
<script src='js/jquery.min.js' type='text/javascript'></script>
<script src='js/jquery.ui.widget.js' type='text/javascript'></script>
<script src='js/jquery.iframe-transport.js' type='text/javascript'></script>
<script src='js/jquery.fileupload.js' type='text/javascript'></script>
<script src='js/jquery.cloudinary.js' type='text/javascript'></script>
<input name="file" type="file" id="File1" class="cloudinary-fileupload" data-cloudinary-field="image_upload"></input>

   </body>
   </html>
image file-upload cloudinary
1个回答
0
投票

这里有各种问题:

  1. URL应该不同,例如

    https://api.cloudinary.com/v1_1/mycloudname/image/upload
    
  2. 如果您不想使用服务器,则应使用未签名的上传,那里还必须包括一个上传预设。

请查看以下内容以获取更多信息:http://cloudinary.com/blog/direct_upload_made_easy_from_browser_or_mobile_app_to_the_cloud

© www.soinside.com 2019 - 2024. All rights reserved.