美文网首页
安卓向django服务器上传图片

安卓向django服务器上传图片

作者: 安大FA飞 | 来源:发表于2017-11-21 16:23 被阅读0次
    问题描述

    服务器端用django编写,能否在android端向服务器传图片?
    前提是web向django服务器传图片已经利用表单实现.

    可行方案
    1. android 将图片转为字节流发送,在服务器端解析
    2. android 内嵌h5直接利用表单实现
    方案1

    android 端将图片转为字节流并发送至服务器,服务器解析失败,或许存在解析的方法,但是没有从网上找到,而且服务器端request.POST 接收到的默认是python字典模式,打印一下接收到的内容发现乱码,并且不止一个键值对,一脸懵逼.

    方案2

    android 内嵌网页实现起来比较简单.但是file 类型的input 在android中无法正常使用,百度了一下,找到了解决方案.

    AndroidManifest.xml中添加代码

    添加位置为<manifest></manifest>之间

    <uses-permission android:name="android.permission.INTERNET"></uses-permission>
    
    重写setWebClient方法
    myWebView.setWebChromeClient(new WebChromeClient() {
                @Override
                public boolean onShowFileChooser(WebView webView, ValueCallback<Uri[]> filePathCallback, FileChooserParams fileChooserParams) {
                    mUploadCallbackAboveL = filePathCallback;
                    take();
                    return true;
                }
    
                //<3.0
                public void openFileChooser(ValueCallback<Uri> uploadMsg) {
                    mUploadMessage = uploadMsg;
                    take();
                }
                //>3.0+
                public void openFileChooser(ValueCallback<Uri> uploadMsg, String acceptType) {
                    mUploadMessage = uploadMsg;
                    take();
                }
                //>4.1.1
                public void openFileChooser(ValueCallback<Uri> uploadMsg, String acceptType, String capture) {
                    mUploadMessage = uploadMsg;
                    take();
                }
           });
    
    并在MainActivity中添加新方法
    @Override
        protected void onActivityResult(int requestCode, int resultCode, Intent data) {
            super.onActivityResult(requestCode, resultCode, data);
            if (requestCode == FILECHOOSER_RESULTCODE) {
                if (null == mUploadMessage && null == mUploadCallbackAboveL) return;
                Uri result = data == null || resultCode != RESULT_OK ? null : data.getData();
                if (mUploadCallbackAboveL != null) {
                    onActivityResultAboveL(requestCode, resultCode, data);
                } else if (mUploadMessage != null) {
                    Log.e("result", result + "");
                    if (result == null) {
                        mUploadMessage.onReceiveValue(imageUri);
                        mUploadMessage = null;
                        Log.e("imageUri", imageUri + "");
                    } else {
                        mUploadMessage.onReceiveValue(result);
                        mUploadMessage = null;
                    }
                }
            }
        }
    
    @SuppressWarnings("null")
        @TargetApi(Build.VERSION_CODES.LOLLIPOP)
        private void onActivityResultAboveL(int requestCode, int resultCode, Intent data) {
            if (requestCode != FILECHOOSER_RESULTCODE || mUploadCallbackAboveL == null) {
                return;
            }
    
            Uri[] results = null;
            if (resultCode == Activity.RESULT_OK) {
                if (data == null) {
                    results = new Uri[]{imageUri};
                } else {
                    String dataString = data.getDataString();
                    ClipData clipData = data.getClipData();
                    if (clipData != null) {
                        results = new Uri[clipData.getItemCount()];
                        for (int i = 0; i < clipData.getItemCount(); i++) {
                            ClipData.Item item = clipData.getItemAt(i);
                            results[i] = item.getUri();
                        }
                    }
                    if (dataString != null)
                        results = new Uri[]{Uri.parse(dataString)};
                }
            }
            if (results != null) {
                mUploadCallbackAboveL.onReceiveValue(results);
                mUploadCallbackAboveL = null;
            } else {
                results = new Uri[]{imageUri};
                mUploadCallbackAboveL.onReceiveValue(results);
                mUploadCallbackAboveL = null;
            }
            return;
        }
    
    private void take() {
            File imageStorageDir = new File(Environment.getExternalStoragePublicDirectory(Environment.DIRECTORY_PICTURES), "MyApp");
            if (!imageStorageDir.exists()) {
                imageStorageDir.mkdirs();
            }
            File file = new File(imageStorageDir + File.separator + "IMG_" + String.valueOf(System.currentTimeMillis()) + ".jpg");
            imageUri = Uri.fromFile(file);
            final List<Intent> cameraIntents = new ArrayList<Intent>();
            final Intent captureIntent = new Intent(android.provider.MediaStore.ACTION_IMAGE_CAPTURE);
            final PackageManager packageManager = getPackageManager();
            final List<ResolveInfo> listCam = packageManager.queryIntentActivities(captureIntent, 0);
            for (ResolveInfo res : listCam) {
                final String packageName = res.activityInfo.packageName;
                final Intent i = new Intent(captureIntent);
                i.setComponent(new ComponentName(res.activityInfo.packageName, res.activityInfo.name));
                i.setPackage(packageName);
                i.putExtra(MediaStore.EXTRA_OUTPUT, imageUri);
                cameraIntents.add(i);
            }
            Intent i = new Intent(Intent.ACTION_GET_CONTENT);
            i.addCategory(Intent.CATEGORY_OPENABLE);
            i.setType("image/*");
            Intent chooserIntent = Intent.createChooser(i, "Image Chooser");
            chooserIntent.putExtra(Intent.EXTRA_INITIAL_INTENTS, cameraIntents.toArray(new Parcelable[]{}));
            startActivityForResult(chooserIntent, FILECHOOSER_RESULTCODE);
        }
    

    好的,file 类型的input 在android 中无法使用的问题得到解决.但是又出现了新的问题,android 中内嵌的网页表单提交功能无效,点击提交按钮没有反应.没有找到解决方案!

    继续探索

    百度上搜"安卓上传图片到django",意外的惊喜,感觉这个比较靠谱.

    方案3

    http://blog.csdn.net/tr1ue/article/details/38339165

    相关文章

      网友评论

          本文标题:安卓向django服务器上传图片

          本文链接:https://www.haomeiwen.com/subject/iqywvxtx.html